.rdrCalendarWrapper{box-sizing:border-box;background:#fff;display:inline-flex;flex-direction:column;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateDisplay{display:flex;justify-content:space-between}.rdrDateDisplayItem{flex:1 1;width:0;text-align:center;color:inherit}.rdrDateDisplayItem+.rdrDateDisplayItem{margin-left:.833em}.rdrDateDisplayItem input{text-align:inherit}.rdrDateDisplayItem input:disabled{cursor:default}.rdrMonthAndYearWrapper{box-sizing:inherit;display:flex;justify-content:space-between}.rdrMonthAndYearPickers{flex:1 1 auto;display:flex;justify-content:center;align-items:center}.rdrNextPrevButton{box-sizing:inherit;cursor:pointer;outline:none}.rdrMonths{display:flex}.rdrMonthsVertical{flex-direction:column}.rdrMonthsHorizontal>div>div>div{display:flex;flex-direction:row}.rdrMonth{width:27.667em}.rdrWeekDays{display:flex}.rdrWeekDay{flex-basis:calc(100% / 7);box-sizing:inherit;text-align:center}.rdrDays{display:flex;flex-wrap:wrap}.rdrInfiniteMonths{overflow:auto}.rdrDateRangeWrapper{-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrDateInput{position:relative}.rdrDateInput input{outline:none}.rdrDateInput .rdrWarning{position:absolute;font-size:1.6em;line-height:1.6em;top:0;right:.25em;color:red}.rdrDay{box-sizing:inherit;width:calc(100% / 7);position:relative;font:inherit;cursor:pointer}.rdrDayNumber{display:block;position:relative}.rdrDayNumber span{color:#1d2429}.rdrDayDisabled{cursor:not-allowed}@supports (-ms-ime-align: auto){.rdrDay{flex-basis:14.285%!important}}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge,.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{pointer-events:none}.rdrDateRangePickerWrapper{display:inline-flex;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rdrStaticRanges{display:flex;flex-direction:column}.rdrStaticRange{font-size:inherit}.rdrInputRange{display:flex}.rdrCalendarWrapper{color:#000;font-size:12px}.rdrDateDisplayWrapper{background-color:#eff2f7}.rdrDateDisplay{margin:.833em}.rdrDateDisplayItem{border-radius:4px;background-color:#fff;box-shadow:0 1px 2px #23394236;border:1px solid transparent}.rdrDateDisplayItem input{cursor:pointer;height:2.5em;line-height:2.5em;border:0px;background:transparent;width:100%;color:#849095}.rdrDateDisplayItemActive{border-color:currentColor}.rdrDateDisplayItemActive input{color:#7d888d}.rdrMonthAndYearWrapper{align-items:center;height:60px;padding-top:10px}.rdrMonthAndYearPickers{font-weight:600}.rdrMonthAndYearPickers select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:10px 30px 10px 10px;border-radius:4px;outline:0;color:#3e484f;background:url("data:image/svg+xml;utf8,<svg width='9px' height='6px' viewBox='0 0 9 6' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><g id='Artboard' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' transform='translate(-636.000000, -171.000000)' fill-opacity='0.368716033'><g id='input' transform='translate(172.000000, 37.000000)' fill='%230E242F' fill-rule='nonzero'><g id='Group-9' transform='translate(323.000000, 127.000000)'><path d='M142.280245,7.23952813 C141.987305,6.92353472 141.512432,6.92361662 141.219585,7.23971106 C140.926739,7.5558055 140.926815,8.06821394 141.219755,8.38420735 L145.498801,13 L149.780245,8.38162071 C150.073185,8.0656273 150.073261,7.55321886 149.780415,7.23712442 C149.487568,6.92102998 149.012695,6.92094808 148.719755,7.23694149 L145.498801,10.7113732 L142.280245,7.23952813 Z' id='arrow'></path></g></g></g></svg>") no-repeat;background-position:right 8px center;cursor:pointer;text-align:center}.rdrMonthAndYearPickers select:hover{background-color:#00000012}.rdrMonthPicker,.rdrYearPicker{margin:0 5px}.rdrNextPrevButton{display:block;width:24px;height:24px;margin:0 .833em;padding:0;border:0;border-radius:5px;background:#eff2f7}.rdrNextPrevButton:hover{background:#e1e7f0}.rdrNextPrevButton i{display:block;width:0;height:0;padding:0;text-align:center;border-style:solid;margin:auto;transform:translate(-3px)}.rdrPprevButton i{border-width:4px 6px 4px 4px;border-color:transparent rgb(52,73,94) transparent transparent;transform:translate(-3px)}.rdrNextButton i{margin:0 0 0 7px;border-width:4px 4px 4px 6px;border-color:transparent transparent transparent rgb(52,73,94);transform:translate(3px)}.rdrWeekDays{padding:0 .833em}.rdrMonth{padding:0 .833em 1.666em}.rdrMonth .rdrWeekDays{padding:0}.rdrMonths.rdrMonthsVertical .rdrMonth:first-child .rdrMonthName{display:none}.rdrWeekDay{font-weight:400;line-height:2.667em;color:#849095}.rdrDay{background:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:0;padding:0;line-height:3em;height:3em;text-align:center;color:#1d2429}.rdrDay:focus{outline:0}.rdrDayNumber{outline:0;font-weight:300;position:absolute;left:0;right:0;top:5px;bottom:5px;display:flex;align-items:center;justify-content:center}.rdrDayToday .rdrDayNumber span{font-weight:500}.rdrDayToday .rdrDayNumber span:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:18px;height:2px;border-radius:2px;background:#3d91ff}.rdrDayToday:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span:after,.rdrDayToday:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span:after{background:#fff}.rdrDay:not(.rdrDayPassive) .rdrInRange~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrStartEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrEndEdge~.rdrDayNumber span,.rdrDay:not(.rdrDayPassive) .rdrSelected~.rdrDayNumber span{color:#ffffffd9}.rdrSelected,.rdrInRange,.rdrStartEdge,.rdrEndEdge{background:currentColor;position:absolute;top:5px;left:0;right:0;bottom:5px}.rdrSelected{left:2px;right:2px}.rdrStartEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrEndEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrSelected{border-radius:1.042em}.rdrDayStartOfMonth .rdrInRange,.rdrDayStartOfMonth .rdrEndEdge,.rdrDayStartOfWeek .rdrInRange,.rdrDayStartOfWeek .rdrEndEdge{border-top-left-radius:1.042em;border-bottom-left-radius:1.042em;left:2px}.rdrDayEndOfMonth .rdrInRange,.rdrDayEndOfMonth .rdrStartEdge,.rdrDayEndOfWeek .rdrInRange,.rdrDayEndOfWeek .rdrStartEdge{border-top-right-radius:1.042em;border-bottom-right-radius:1.042em;right:2px}.rdrDayStartOfMonth .rdrDayInPreview,.rdrDayStartOfMonth .rdrDayEndPreview,.rdrDayStartOfWeek .rdrDayInPreview,.rdrDayStartOfWeek .rdrDayEndPreview{border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;border-left-width:1px;left:0}.rdrDayEndOfMonth .rdrDayInPreview,.rdrDayEndOfMonth .rdrDayStartPreview,.rdrDayEndOfWeek .rdrDayInPreview,.rdrDayEndOfWeek .rdrDayStartPreview{border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;border-right-width:1px;right:0}.rdrDayStartPreview,.rdrDayInPreview,.rdrDayEndPreview{background:#ffffff17;position:absolute;top:3px;left:0;right:0;bottom:3px;pointer-events:none;border:0px solid currentColor;z-index:1}.rdrDayStartPreview{border-top-width:1px;border-left-width:1px;border-bottom-width:1px;border-top-left-radius:1.333em;border-bottom-left-radius:1.333em;left:0}.rdrDayInPreview{border-top-width:1px;border-bottom-width:1px}.rdrDayEndPreview{border-top-width:1px;border-right-width:1px;border-bottom-width:1px;border-top-right-radius:1.333em;border-bottom-right-radius:1.333em;right:0}.rdrDefinedRangesWrapper{font-size:12px;width:226px;border-right:solid 1px #eff2f7;background:#fff}.rdrDefinedRangesWrapper .rdrStaticRangeSelected{color:currentColor;font-weight:600}.rdrStaticRange{border:0;cursor:pointer;display:block;outline:0;border-bottom:1px solid #eff2f7;padding:0;background:#fff}.rdrStaticRange:hover .rdrStaticRangeLabel,.rdrStaticRange:focus .rdrStaticRangeLabel{background:#eff2f7}.rdrStaticRangeLabel{display:block;outline:0;line-height:18px;padding:10px 20px;text-align:left}.rdrInputRanges{padding:10px 0}.rdrInputRange{align-items:center;padding:5px 20px}.rdrInputRangeInput{width:30px;height:30px;line-height:30px;border-radius:4px;text-align:center;border:solid 1px rgb(222,231,235);margin-right:10px;color:#6c767a}.rdrInputRangeInput:focus,.rdrInputRangeInput:hover{border-color:#b4bfc4;outline:0;color:#333}.rdrCalendarWrapper:not(.rdrDateRangeWrapper) .rdrDayHovered .rdrDayNumber:after{content:"";border:1px solid currentColor;border-radius:1.333em;position:absolute;top:-2px;bottom:-2px;left:0;right:0;background:transparent}.rdrDayPassive{pointer-events:none}.rdrDayPassive .rdrDayNumber span{color:#d5dce0}.rdrDayPassive .rdrInRange,.rdrDayPassive .rdrStartEdge,.rdrDayPassive .rdrEndEdge,.rdrDayPassive .rdrSelected,.rdrDayPassive .rdrDayStartPreview,.rdrDayPassive .rdrDayInPreview,.rdrDayPassive .rdrDayEndPreview{display:none}.rdrDayDisabled{background-color:#f8f8f8}.rdrDayDisabled .rdrDayNumber span{color:#aeb9bf}.rdrDayDisabled .rdrInRange,.rdrDayDisabled .rdrStartEdge,.rdrDayDisabled .rdrEndEdge,.rdrDayDisabled .rdrSelected,.rdrDayDisabled .rdrDayStartPreview,.rdrDayDisabled .rdrDayInPreview,.rdrDayDisabled .rdrDayEndPreview{filter:grayscale(100%) opacity(60%)}.rdrMonthName{text-align:left;font-weight:600;color:#849095;padding:.833em}.tabel-role .role-child-row>td{background-color:#f5f5f5}.tabel-fitur .role-child-row>td{background-color:#f5f5f5}*{font-family:Montserrat,sans-serif!important}:root{font-size:14px;font-weight:400;font-style:normal}:root[data-brand=jarrdin]{--body: #fff;--black: #000;--white: #fff;--theme: #399051;--themeSubtle: #f1f6f2;--themeHover: #2e8546;--themeTua: #0a7e66;--theme2: #daaf15;--theme2Hover: #caa007;--theme2b: #de5433;--gradient-theme: linear-gradient(to right, var(--theme), var(--themeTua));--gradient-theme-opacity-80: linear-gradient(to right, #399052e7, #0a7e67);--header: #0f0d1d;--text: #445375;--border: #d4dcff;--border-2: #d4dced;--bg: #f3f7fb;--box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, .06)}:root[data-brand=srusun]{--body: #fff;--black: #000;--white: #fff;--theme: #bb2c2f;--themeSubtle: #f1f6f2;--themeHover: #982426;--themeTua: #aa2531;--theme2: #daaf15;--theme2Hover: #caa007;--theme2b: #de5433;--gradient-theme: linear-gradient(to right, var(--theme), var(--themeTua));--gradient-theme-opacity-80: linear-gradient(to right, #bb2c2ece, #aa2530cf);--header: #0f0d1d;--text: #445375;--border: #d4dcff;--border-2: #d4dced;--bg: #f3f7fb;--box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, .06)}p,h1,h2,h3,h4,h5,h6{margin:0}.bg-light{background-color:#fff!important}.btn-white{background-color:#fff}.btn-white:hover{background-color:#ebebeb;transition:ease-in-out .2s}body{margin:0;width:100%;min-height:100vh;height:auto;overflow-x:hidden}.container-home{position:relative;min-height:100vh;min-height:100dvh;height:auto;display:flex;flex-direction:column;background-position:center center;background-size:cover;background-repeat:no-repeat;overflow-x:hidden;overflow-y:auto;z-index:0}:root[data-brand=jarrdin] .container-home{background-image:url(/assets/BangunanJarrdin1-BvSi74rM.jpeg)!important}:root[data-brand=srusun] .container-home{background-image:none!important;background-color:var(--body)}.container-home:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;min-height:100%;background-image:var(--gradient-theme-opacity-80);z-index:-1;pointer-events:none}.container-home>*{position:relative;z-index:1}.container-login{position:relative;background-position:center center;background-size:cover;z-index:2;min-height:100dvh;background-image:url(/assets/Kolam-1-IWD_oOMa.jpg)!important}.container-login:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000c;z-index:1}.bg-theme,.btn-theme{background-color:var(--theme)}.btn-theme:hover{background-color:var(--themeHover);transition:ease-in-out .2s}.btn-theme-gradient{background-image:var(--gradient-theme-opacity-80)}.bg-theme-subtle{background-color:var(--themeSubtle)}.bg-themeTua{background-color:var(--themeTua)}.bg-theme2,.btn-theme2{background-color:var(--theme2)}.btn-theme2:hover{background-color:var(--theme2Hover);transition:ease-in-out .5s}.container .hexagonArea.last{transform:translateY(-30px)}.container .hexagonArea.last.genap{transform:translateY(-30px) translate(25%)}.hexagon{position:relative;width:120px;height:150px;margin:0 8px;clip-path:polygon(0 25%,50% 0,100% 25%,100% 75%,50% 100%,0 75%);background-color:var(--theme2);display:flex;justify-content:center;align-items:center;flex-direction:column;transition:.5s;cursor:pointer}.hexagon:hover{background-image:var(--gradient-orange);transform:scale(.95)}.menu-v3:hover{transform:scale(.95);transition:.5s}.btn-home-logout:hover{background-color:var(--theme2b);color:#fff;transition:.5s}.input-dateRangePicker:focus{border:1px solid var(--theme)!important}.menu-pengaturan-horizontal{display:none}.manajemen-fitur-peran-page{padding:24px 20px 32px}.management-panel{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid rgba(15,23,42,.06);border-radius:20px;box-shadow:0 16px 35px #0f172a0f;padding:20px}.management-panel .ant-tabs-nav{margin-bottom:18px}.management-panel .ant-tabs-nav-wrap{overflow:visible}.management-panel .ant-tabs-tab{padding:0;border:none;background:transparent}.management-panel .ant-tabs-tab+.ant-tabs-tab{margin-left:12px}.management-panel .ant-tabs-tab .ant-tabs-tab-btn{transition:all .2s ease}.page-tab-label{display:inline-flex;align-items:center;justify-content:center;min-width:120px;font-weight:700;font-size:15px;line-height:1;padding:10px 18px;border-radius:12px;border:1px solid transparent;transition:all .2s ease}.page-tab-label--fitur{background:linear-gradient(135deg,#fff0f0,#ffe2e2);color:#c62828;border-color:#c6282814}.page-tab-label--role{background:linear-gradient(135deg,#eef5ff,#dfeeff);color:#1565c0;border-color:#1565c014}.page-tab-label--akses{background:linear-gradient(135deg,#f3edff,#eee7ff);color:#5e35b1;border-color:#5e35b114}.management-panel .ant-tabs-tab.ant-tabs-tab-active .page-tab-label{box-shadow:0 8px 18px #0f172a14;transform:translateY(-1px)}.section-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}.section-title{font-size:1.1rem;font-weight:700;color:#1f2937;letter-spacing:.01em}.access-toggle-wrap{display:inline-flex;align-items:center;gap:8px;background:#f3f4f6;border:1px solid rgba(15,23,42,.06);padding:6px;border-radius:12px;flex-wrap:wrap}.access-toggle-wrap .ant-btn{border-radius:10px;font-weight:600;border:none;box-shadow:none;min-height:38px}.modern-table .ant-table{border-radius:16px;overflow:hidden}.modern-table .ant-table-thead>tr>th{background:#f7f9fc!important;color:#334155!important;font-weight:700!important;border-bottom:1px solid rgba(148,163,184,.25)!important}.modern-table .ant-table-tbody>tr>td{border-bottom:1px solid rgba(148,163,184,.18)!important;vertical-align:middle}.modern-table .ant-table-tbody>tr:hover>td{background:#f8fbff!important}.modern-table .ant-table-pagination{margin-top:18px}.modern-table .ant-pagination-item-active{border-color:var(--theme, #bb2c2f)}.modern-table .ant-pagination-item-active a{color:var(--theme, #bb2c2f)}.section-action-btn,.modal-action-btn,.primary-action-btn{border-radius:10px!important;font-weight:600!important;box-shadow:none!important}.primary-action-btn{background:linear-gradient(135deg,var(--theme, #bb2c2f) 0%,var(--themeTua, #aa2531) 100%)!important;border:none!important}.primary-action-btn:hover,.primary-action-btn:focus{background:linear-gradient(135deg,var(--themeHover, #982426) 0%,var(--themeTua, #aa2531) 100%)!important;opacity:1}.management-modal .ant-modal-content{border-radius:18px;overflow:hidden}.management-modal .ant-modal-header{border-bottom:1px solid rgba(148,163,184,.26);background:linear-gradient(180deg,#fff,#f8fafc);padding:16px 24px}.management-modal .ant-modal-title{font-size:1.05rem;font-weight:700;color:#1f2937}.management-modal .ant-modal-body{padding:20px 24px 14px}.management-modal .ant-form-item-label>label{font-weight:600;color:#374151}.management-modal .ant-input,.management-modal .ant-select-selector,.management-modal .ant-select-dropdown,.management-modal .ant-input-textarea textarea{border-radius:10px!important}.management-modal .ant-select-selector,.management-modal .ant-input,.management-modal .ant-input-textarea textarea{border-color:#94a3b880;box-shadow:none!important}.management-modal .ant-select-focused .ant-select-selector,.management-modal .ant-input:focus,.management-modal .ant-input-textarea textarea:focus{border-color:#11182759!important;box-shadow:0 0 0 2px #11182714!important}.management-modal .ant-modal-footer{border-top:none;padding:0 24px 20px}@media only screen and (max-width: 768px){.manajemen-fitur-peran-page{padding:16px 12px 20px}.management-panel{padding:14px;border-radius:16px}.section-header{align-items:flex-start}.section-title{font-size:1rem}.page-tab-label{min-width:auto;padding:8px 14px;font-size:13px}.management-modal .ant-modal-content{border-radius:16px}.management-modal .ant-modal-header,.management-modal .ant-modal-body,.management-modal .ant-modal-footer{padding-left:16px;padding-right:16px}}@media only screen and (max-width: 480px){.access-toggle-wrap{width:100%;justify-content:center}.access-toggle-wrap .ant-btn{flex:1 1 0}.section-header{margin-bottom:14px}.management-panel .ant-tabs-nav{margin-bottom:12px}}@media only screen and (max-width: 480px){.list-role{position:relative!important;top:0!important;left:0!important}.container-menu-v3{margin-top:0!important}.menu-v3{height:6rem!important;padding:10px!important}.hexagon{width:85px;height:110px;background-color:var(--theme2);position:relative;margin:5px auto}.hexagon:before,.hexagon:after{content:"";position:absolute;width:0;border-left:40px solid transparent;border-right:40px solid transparent}.hexagon:before{border-bottom:60px solid var(--theme2b);top:-60px}.hexagon:after{border-top:60px solid var(--theme2b);bottom:-60px}.icon-hexagon{width:20px;height:20px}.text-hexagon{font-size:10px}.hexagonArea{display:flex;justify-content:center;gap:10px}.img-threeLogo{width:250px!important;height:auto!important;object-fit:contain}:root[data-brand=srusun] .img-threeLogo{width:min(86vw,350px)!important}:root[data-brand=jarrdin] .img-threeLogo{width:min(70vw,250px)!important}.filter-content{flex-direction:column;justify-content:start}.css-op7nof-MuiFormControl-root{margin:0!important}.container-form-login{width:100%!important}.header-content{justify-content:start!important;gap:.5rem}.header-item{display:none!important}.filter-item.btn-insert{display:block!important}.input-dateRangePicker{width:100%!important}.select-filter{width:100%}.filter-item.search-input{display:flex!important}.sidebar{display:none!important}.btn-sidebar-mobile{display:block!important}.form-input{flex-direction:column}.form-input>label{width:100%!important}h5{font-size:medium}.list-role{font-size:smaller;width:50%!important}.body-modal-pengaturan{flex-direction:column}.menu-pengaturan-horizontal{display:block}.menu-pengaturan-vertical{display:none}}@media only screen and (min-width: 481px) and (max-width: 767px){.container-login{overflow-y:scroll}.container-form-login{width:50%!important}.filter-item.search-input{display:flex!important}.body-modal-pengaturan{flex-direction:column}.menu-pengaturan-horizontal{display:block}.menu-pengaturan-vertical{display:none}}@media only screen and (min-width: 768px) and (max-width: 1024px){.list-role{position:relative!important;top:0!important;left:0!important;width:35%}.container-menu-v3{margin-top:0!important}.menu-v3{width:10rem;padding:10px!important}.container-form-login{width:50%!important}.filter-content{flex-direction:column;justify-content:start}.css-op7nof-MuiFormControl-root{margin:0!important}.container-form-login{width:100%!important}.header-content{justify-content:start!important;gap:.5rem}.header-item{display:none!important}.filter-item.btn-insert{display:block!important}.input-dateRangePicker{width:100%!important}.select-filter{width:100%}.filter-item.search-input{display:flex!important}.sidebar{display:none!important}.btn-sidebar-mobile{display:block!important}.form-input{flex-direction:column}.form-input>label{width:100%!important}.body-modal-pengaturan{flex-direction:column}.menu-pengaturan-horizontal{display:block}.menu-pengaturan-vertical{display:none}}.scroll-thin{scrollbar-width:thin;scrollbar-color:#aaa transparent}.scroll-thin::-webkit-scrollbar{width:6px;height:6px}.scroll-thin::-webkit-scrollbar-track{background:transparent}.scroll-thin::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:4px}.scroll-thin::-webkit-scrollbar-thumb:hover{background-color:#888}.container-home-v3-custom{min-height:100%;padding:16px;display:flex;flex-direction:column;gap:20px}.home-top-section{width:100%;max-width:1100px;margin:0 auto}.role-card{border-radius:20px}.role-title{font-size:1rem;font-weight:600;margin-bottom:12px}.role-selector-wrapper{width:100%;overflow-x:auto;padding-bottom:6px}.role-segmented{width:100%}.role-active-info{margin-top:12px;font-size:.95rem;color:#666}.menu-section{width:100%;max-width:1100px;margin:0 auto}.menu-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.menu-card{border-radius:20px;cursor:pointer;height:100%;transition:transform .2s ease,box-shadow .2s ease}.menu-card:hover{transform:translateY(-3px)}.menu-card-content{min-height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;text-align:center}.menu-icon{object-fit:contain}.menu-label{font-size:.95rem;font-weight:500;line-height:1.35}.empty-card{border-radius:20px;grid-column:1 / -1}@media (max-width: 991px){.menu-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 767px){.container-home-v3-custom{padding:12px;gap:16px}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.menu-card-content{min-height:100px;gap:10px}.menu-label{font-size:.9rem}.role-title,.role-active-info{text-align:center}}@media (max-width: 480px){.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.menu-card-content{min-height:90px}.menu-icon{width:34px;height:34px}.menu-label{font-size:.85rem}}@media only screen and (max-width: 1024px){.container-home,.container-main{min-height:100dvh!important;height:auto!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch}}.datafitur-layout-root{width:100%;max-width:100%;min-width:0}.datafitur-menu{width:100%!important}.datafitur-table-wrapper{width:100%;max-width:100%;min-width:0;padding:16px 0 0;box-sizing:border-box}.datafitur-table-scroll{width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.datafitur-table{width:100%;min-width:100%}.datafitur-table .ant-table-wrapper,.datafitur-table .ant-spin-nested-loading,.datafitur-table .ant-spin-container,.datafitur-table .ant-table,.datafitur-table .ant-table-container{width:100%;max-width:100%}.datafitur-table .ant-table-content{overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch}.datafitur-table .ant-table-cell{white-space:nowrap}@media only screen and (max-width: 767px){.datafitur-layout-root{width:100%;max-width:100%;min-width:0;overflow-x:hidden}.datafitur-menu{width:100%!important;padding:0 12px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;box-sizing:border-box}.datafitur-menu .ant-menu-overflow,.datafitur-menu .ant-menu-overflow-item,.datafitur-menu .ant-menu-item{flex:none!important}.datafitur-table-wrapper{width:100%;padding:12px 12px 0;box-sizing:border-box;overflow:hidden}.datafitur-table-scroll{width:100%;max-width:100%;overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}.datafitur-table{min-width:620px}.datafitur-table .ant-table{font-size:12px}.datafitur-table .ant-table-thead>tr>th,.datafitur-table .ant-table-tbody>tr>td{padding:10px 8px!important}.datafitur-table .ant-pagination{display:flex;flex-wrap:wrap;justify-content:center;row-gap:8px}}@media only screen and (max-width: 767px){.container-home .container-home-v3{min-height:calc(100dvh - 120px)}}.header-action-group{display:flex;justify-content:flex-end;align-items:center;gap:8px;width:100%;flex-wrap:wrap}.header-action-item{display:flex;align-items:center;justify-content:flex-end;gap:6px;cursor:pointer;color:#fff;white-space:nowrap}@media (max-width: 768px){.header{justify-content:center!important;padding:12px 10px!important}.header-action-group{justify-content:center!important;align-items:flex-start!important;gap:14px!important;width:100%!important}.header-action-item{flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;min-width:78px;max-width:96px;text-align:center}.header-action-label{display:block;width:100%;color:#fff;text-align:center!important;font-size:11.5px;font-weight:600;line-height:1.2;white-space:normal!important}}.google-login-btn{width:100%;height:48px;display:flex;align-items:center;justify-content:center;gap:12px;background-color:#fff!important;color:#3c4043!important;border:1px solid #dadce0!important;border-radius:7px!important;font-family:Roboto,Arial,sans-serif;font-size:14px;font-weight:500;box-shadow:0 1px 2px #3c404314;transition:background-color .2s,box-shadow .2s}.google-login-btn:hover{background-color:#f8f9fa!important;color:#3c4043!important;border-color:#dadce0!important;box-shadow:0 1px 3px #3c404326,0 2px 6px #3c404314}.google-login-btn:active{background-color:#f1f3f4!important;box-shadow:none}.google-logo{width:18px;height:18px;flex-shrink:0}.ant-table-tbody>tr>td{font-size:15px}.ant-table-thead>tr>th{font-size:15px;font-weight:600}.tabel-manajemen .ant-table-tbody>tr>td{font-size:16px}.tabel-manajemen .ant-table-thead>tr>th{font-size:16px;font-weight:600}.tree-connector{position:relative;display:inline-block;width:16px;height:16px;margin-right:4px}.tree-connector:before{content:"";position:absolute;left:8px;top:0;bottom:8px;border-left:1px solid #d9d9d9}.tree-connector:after{content:"";position:absolute;left:8px;top:8px;width:8px;border-top:1px solid #d9d9d9}.role-child-row td{background-color:#dcdcdcc2!important}