[hidden],.desktop-sidebar,.desktop-header,.desktop-only{display:none!important}@media(min-width:1024px){.mobile-only{display:none!important}.desktop-only{display:flex!important}html.rd,html.rd body{overflow-x:clip}html.rd .rd-app{--sidebar-width: 240px;--data-panel-width: 440px;--open-panel-width: 0px;max-width:none;width:100%;min-height:calc(100dvh - env(safe-area-inset-top,0px) - var(--notice-offset, 0px));border-left:0;border-right:0;background:var(--bg);display:block}html.rd .rd-app.is-wide{max-width:none}html.rd .rd-app.is-sidebar-collapsed{--sidebar-width: 80px}html.rd .rd-app.has-data-panel{--open-panel-width: var(--data-panel-width)}html.rd body.sheet-open.has-data-panel{overflow-y:auto;overflow-x:clip}html.rd .rd-app.is-auth{display:flex;align-items:center;justify-content:center;min-height:100dvh;padding:32px;background:var(--bg)}html.rd .rd-app.is-auth>.desktop-sidebar,html.rd .rd-app.is-auth>.desktop-header{display:none!important}html.rd .rd-app.is-auth>.screen{margin:0;width:440px;max-width:100%;min-height:auto;border:1px solid var(--line);border-radius:24px;background:var(--surface);box-shadow:var(--card-shadow);overflow:hidden}html.rd .rd-app.is-auth .screen{min-height:auto}html.rd .rd-app.is-auth .login-layout{padding:32px 28px 28px;gap:20px}html.rd .rd-app:not(.is-auth)>.desktop-sidebar:not([hidden]){position:fixed;inset:calc(env(safe-area-inset-top,0px) + var(--notice-offset, 0px)) auto 0 0;z-index:40;display:flex!important;flex-direction:column;width:var(--sidebar-width);height:calc(100dvh - env(safe-area-inset-top,0px) - var(--notice-offset, 0px));padding:10px;background:var(--surface);border-right:1px solid var(--line);overflow:hidden;box-sizing:border-box}.sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 4px 8px;border-bottom:1px solid var(--line);flex-shrink:0}.sidebar-brand{display:inline-flex;align-items:center;gap:10px;min-width:0;color:var(--text);text-decoration:none}.sidebar-logo{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--btn-orange);color:var(--btn-orange-text);font-family:var(--head);font-size:16px;font-weight:800;flex-shrink:0}.sidebar-brand-text{display:flex;flex-direction:column;min-width:0;line-height:1.2}.sidebar-brand-text strong{font-size:15px;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-brand-text small{font-size:12px;font-weight:600;color:var(--muted)}.sidebar-toggle{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--muted);cursor:pointer;flex-shrink:0}.sidebar-toggle:hover{background:var(--surface2);color:var(--text)}.sidebar-toggle svg{width:18px;height:18px}.sidebar-nav{display:flex;flex-direction:column;gap:4px;padding:6px 0;flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin}.sidebar-group{display:flex;flex-direction:column;gap:1px}.sidebar-group+.sidebar-group{padding-top:4px;border-top:1px solid var(--line)}.sidebar-group-title{padding:0 10px 2px;color:var(--muted);font-size:11px;font-weight:700;line-height:1.2;letter-spacing:.02em}html.rd .sidebar-link{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:4px 10px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);font-family:var(--body);font-size:13px;font-weight:600;line-height:1.25;text-align:left;text-decoration:none;cursor:pointer;box-sizing:border-box}html.rd .sidebar-link:hover{background:var(--surface2);color:var(--text)}html.rd .sidebar-link.is-active{background:var(--surface2);border-color:var(--line);color:var(--text);font-weight:700}.sidebar-link-icon{display:inline-grid;place-items:center;width:18px;height:18px;flex-shrink:0;color:currentColor}.sidebar-link-icon svg{width:18px;height:18px}.sidebar-link-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-account{display:flex;flex-direction:column;gap:2px;padding-top:6px;border-top:1px solid var(--line);flex-shrink:0}html.rd .rd-app.is-sidebar-collapsed .sidebar-top{flex-direction:column;gap:6px}html.rd .rd-app.is-sidebar-collapsed .sidebar-brand-text,html.rd .rd-app.is-sidebar-collapsed .sidebar-group-title,html.rd .rd-app.is-sidebar-collapsed .sidebar-link-text{display:none}html.rd .rd-app.is-sidebar-collapsed .sidebar-link{justify-content:center;padding:7px 0}@media(max-width:1279px){html.rd .rd-app.has-data-panel:not(.is-auth){--sidebar-width: 80px}html.rd .rd-app.has-data-panel .sidebar-top{flex-direction:column;gap:6px}html.rd .rd-app.has-data-panel .sidebar-brand-text,html.rd .rd-app.has-data-panel .sidebar-group-title,html.rd .rd-app.has-data-panel .sidebar-link-text{display:none}html.rd .rd-app.has-data-panel .sidebar-link{justify-content:center;padding:7px 0}}html.rd .rd-app:not(.is-auth)>.desktop-header:not([hidden]){position:sticky;top:calc(env(safe-area-inset-top,0px) + var(--notice-offset, 0px));z-index:30;display:flex!important;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;min-height:80px;margin-left:var(--sidebar-width);margin-right:var(--open-panel-width);padding:12px 28px;background:var(--bg);border-bottom:1px solid var(--line);box-sizing:border-box;transition:margin-left .16s ease,margin-right .16s ease}.desktop-heading{flex:1 1 260px;min-width:220px;max-width:100%;display:flex;flex-direction:column;gap:2px;overflow:hidden}.desktop-breadcrumb:not([hidden]){display:flex;align-items:center;flex-wrap:nowrap;gap:6px;margin-bottom:2px;color:var(--muted);font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.desktop-breadcrumb a{color:var(--muted);text-decoration:none;flex-shrink:0}.desktop-breadcrumb a:hover{color:var(--text);text-decoration:underline}.desktop-breadcrumb>span[aria-current=page]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.desktop-heading .screen-page-title{margin:0;font-size:22px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.desktop-heading .header-sub{margin:0;font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.desktop-header-tools{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;flex:0 1 auto;min-width:0;max-width:100%}.desktop-header-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}.desktop-header-tools .desktop-search{width:260px;max-width:100%;margin:0}.desktop-header-tools .btn-primary,.desktop-header-tools .btn-secondary,.desktop-header-tools .a-btn{width:auto;min-height:44px;padding:8px 14px;white-space:nowrap}.desktop-scan-cta{display:inline-flex;align-items:center;gap:8px}.desktop-scan-cta svg{width:18px;height:18px}html.rd .bottom-bar,html.rd .subpage-header,html.rd .screen>.app-header,html.rd #view>.app-header,html.rd .kelola>.page-head,html.rd #view>.screen-content>.ag-title,html.rd .kelola .filters>.a-search{display:none!important}html.rd .kelola .filters:not(:has(.chips)){display:none!important}html.rd .kelola .filters{display:flex!important;flex-direction:row;flex-wrap:wrap;align-items:center;gap:8px}html.rd .kelola .filters>.chips{grid-column:auto}html.rd .rd-app:not(.is-auth)>.screen{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width) - var(--open-panel-width));min-height:calc(100dvh - 64px);max-width:none;box-sizing:border-box;transition:margin-left .16s ease,width .16s ease}html.rd .rd-app:not(.is-auth)>.screen.kelola{max-width:none;padding:20px 28px 36px}html.rd .rd-app:not(.is-auth) #view.screen{min-height:0}html.rd .rd-app:not(.is-auth) .screen-content{max-width:none;width:100%;padding:20px 28px 28px;box-sizing:border-box}html.rd .screen-content.desktop-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px 28px 16px;align-items:stretch}html.rd .screen-content.desktop-admin-grid>.summary-pair{display:contents}html.rd .screen-content.desktop-admin-grid>.section-block{display:none!important}html.rd .screen-content.desktop-admin-grid .hero-card{margin:0;padding:14px 18px;display:flex;flex-direction:column;justify-content:space-between;gap:6px;min-width:0}html.rd .screen-content.desktop-admin-grid .desktop-ronda-card{grid-column:1 / 3;grid-row:1}html.rd .screen-content.desktop-admin-grid .desktop-agenda-card{grid-column:3;grid-row:1}html.rd .screen-content.desktop-admin-grid .desktop-kas-card{grid-column:1;grid-row:2}html.rd .screen-content.desktop-admin-grid .desktop-data-card{grid-column:2;grid-row:2}html.rd .screen-content.desktop-admin-grid .desktop-attention-card{grid-column:3;grid-row:2}html.rd .screen-content.desktop-admin-grid :is(.desktop-data-card,.desktop-attention-card){align-self:start;justify-content:flex-start}html.rd .screen-content.desktop-admin-grid .plain-row{min-height:32px;padding:4px 0}html.rd .screen-content.desktop-admin-grid .kas-row{padding:2px 0 6px}html.rd .screen-content.desktop-admin-grid .duty-progress-box{margin-top:4px;padding-top:10px}html.rd .screen-content.desktop-admin-grid .perlu-list{margin:0;gap:4px}html.rd .screen-content.desktop-admin-grid .card-hero-title{font-size:19px;line-height:1.25}html.rd .screen-content.desktop-admin-grid .kas-amount{font-size:21px}html.rd .screen-content.desktop-admin-grid .card-inline-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:6px}html.rd .screen-content.desktop-admin-grid .card-inline-actions .btn-secondary{width:auto;min-height:44px;padding:6px 12px}html.rd .screen-content.desktop-role-home{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}html.rd .screen-content.desktop-role-home>.notice-card,html.rd .screen-content.desktop-role-home>.status-banner{grid-column:1 / -1;margin:0}html.rd .screen-content.desktop-role-home>.hero-card{margin:0}html.rd .screen-content.desktop-role-home>.section-block,html.rd .screen-content.desktop-role-home>.card{margin:0;padding:18px 20px;border:1px solid var(--line);border-radius:24px;background:var(--surface)}html.rd .kelola :is(.tcard,.ad-list,.maxw-wide){width:100%;max-width:none}html.rd .kelola .ij-split{grid-template-columns:minmax(0,1fr) 320px}html.rd .kelola .ij-kpi{grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:12px}html.rd .kelola .ij-kpi>:last-child:nth-child(odd){grid-column:auto}html.rd .kelola .kpi{min-width:0;padding:16px 18px}html.rd .kelola .kpi>div{display:flex;flex-direction:column;gap:6px;min-width:0}html.rd .kelola .kpi b{display:block;font-size:20px;line-height:1.25;white-space:nowrap}html.rd .kelola .rk-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr) 130px 44px}html.rd .kelola .jk-grid{grid-template-columns:110px minmax(0,1.2fr) minmax(0,1.1fr) minmax(0,1.2fr) minmax(0,.8fr) 120px}html.rd .kelola .trail-row.jk-grid>.d-only{display:block;min-width:0}html.rd .kelola :is(.thead,.ij-head,.ad-row.head) [aria-sort]{display:inline-flex;align-items:center;min-width:0}html.rd .kelola :is(.thead,.ij-head,.ad-row.head) .r[aria-sort]{justify-content:flex-end}html.rd .kelola .r4-sort{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:700;text-align:inherit;cursor:pointer;min-width:0}html.rd .kelola .r4-sort:hover{color:var(--text)}html.rd .kelola .r4-sort:after{content:"\2195";font-size:11px;opacity:.45;flex-shrink:0}html.rd .kelola [aria-sort=ascending]>.r4-sort,html.rd .kelola [aria-sort=descending]>.r4-sort{color:var(--text)}html.rd .kelola [aria-sort=ascending]>.r4-sort:after{content:"\2191";opacity:1}html.rd .kelola [aria-sort=descending]>.r4-sort:after{content:"\2193";opacity:1}html.rd :is(.kelola,.screen-content) :is(.b-schedule,.b-schedule-grid){display:grid!important;grid-template-columns:repeat(7,minmax(0,1fr));padding:0;align-items:stretch;overflow:hidden;width:100%;max-width:100%;box-sizing:border-box}html.rd :is(.kelola,.screen-content) .b-schedule :is(.b-night,.b-night-col){min-width:0;max-width:100%;padding:14px 10px;border-bottom:0;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:8px;box-sizing:border-box}html.rd :is(.kelola,.screen-content) .b-schedule :is(.b-night,.b-night-col):first-child{padding-top:14px}html.rd :is(.kelola,.screen-content) .b-schedule :is(.b-night,.b-night-col):last-child{border-right:0;padding-bottom:14px}html.rd :is(.kelola,.screen-content) .b-schedule .b-night-head{display:flex;flex-direction:column;gap:4px;min-width:0}html.rd :is(.kelola,.screen-content) .b-schedule .b-night .section-title{font-size:14px;line-height:1.3;margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;min-width:0;overflow-wrap:anywhere}html.rd :is(.kelola,.screen-content) .b-schedule .b-night .section-title .st{font-size:11px;padding:2px 7px;white-space:normal}html.rd :is(.kelola,.screen-content) .b-schedule .b-night .card-meta-line{font-size:12px;line-height:1.35;color:var(--muted);margin:0;min-width:0;overflow-wrap:anywhere}html.rd :is(.kelola,.screen-content) .b-schedule .b-night .a-btn.small{width:100%;max-width:100%;min-height:44px;padding:6px 8px;font-size:12px;line-height:1.25;white-space:normal;text-align:center;box-sizing:border-box}html.rd :is(.kelola,.screen-content) .b-schedule .b-night .chips{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:0;max-width:100%}html.rd :is(.kelola,.screen-content) .b-schedule .b-night .chips :is(.st,.jr-name){width:100%;max-width:100%;min-width:0;min-height:34px;padding:6px 10px;border-radius:12px;font-size:12px;line-height:1.3;white-space:normal;overflow-wrap:anywhere;word-break:break-word;text-align:left;justify-content:space-between;box-sizing:border-box}html.rd :is(.kelola,.screen-content) .b-schedule .b-night .chips .jr-name{min-height:44px}html.rd :is(.kelola,.screen-content) .b-schedule .b-night .chips .jr-name svg{flex-shrink:0;width:14px;height:14px}html.rd :is(.kelola,.screen-content) .b-schedule .b-night .a-note{font-size:12px;line-height:1.35;margin:0;min-width:0;overflow-wrap:anywhere}html.rd #sheet-root .sheet-backdrop:not(.is-data-panel){z-index:120}html.rd #sheet-root .sheet-backdrop.is-data-panel{position:fixed;inset:calc(env(safe-area-inset-top,0px) + var(--notice-offset, 0px)) 0 0 auto;width:var(--data-panel-width, 440px);padding:0;background:transparent;backdrop-filter:none;align-items:stretch;justify-content:flex-end;z-index:45;pointer-events:none}html.rd #sheet-root .sheet-backdrop.is-data-panel>.sheet{pointer-events:auto;width:100%;max-width:none;height:calc(100dvh - env(safe-area-inset-top,0px) - var(--notice-offset, 0px));max-height:calc(100dvh - env(safe-area-inset-top,0px) - var(--notice-offset, 0px));margin:0;border:0;border-left:1px solid var(--line);border-radius:0;background:var(--surface);box-shadow:-12px 0 28px #0f172a14;display:flex;flex-direction:column}html.rd #sheet-root .sheet-backdrop.is-data-panel>.sheet>.grabber{display:none}html.rd #sheet-root .sheet-backdrop.is-data-panel>.sheet>.sheet-head{min-height:80px;flex-shrink:0;padding:16px 20px var(--sheet-head-gap, 16px);border-bottom:1px solid var(--line)}html.rd #sheet-root .sheet-backdrop.is-data-panel>.sheet>.sheet-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:var(--sheet-content-gap, 18px) 20px 24px}html.rd #sheet-root .sheet-backdrop.is-data-panel>.sheet>.sheet-body>.hero-card.kelola-form,html.rd #sheet-root .sheet-backdrop.is-data-panel>.sheet>.sheet-body>.kelola-form{border:0;border-radius:0;padding:0;background:transparent;box-shadow:none}html.rd #sheet-root .sheet-backdrop.is-data-panel>.sheet>.sheet-foot{flex-shrink:0;padding:14px 20px;border-top:1px solid var(--line);background:var(--surface)}html.rd .rd-app.has-data-panel:not(.is-auth)>.desktop-header:not([hidden]){flex-wrap:wrap;padding:12px 20px;gap:10px 16px}html.rd .rd-app.has-data-panel .desktop-heading{flex:1 1 100%;min-width:0}html.rd .rd-app.has-data-panel .desktop-header-tools{flex:1 1 100%;min-width:0;justify-content:flex-start;flex-wrap:wrap;gap:8px}html.rd .rd-app.has-data-panel .desktop-header-tools .desktop-search{flex:1 1 180px;width:auto;max-width:240px;min-width:150px}html.rd .rd-app.has-data-panel .desktop-header-actions{flex-wrap:wrap;gap:8px}html.rd .rd-app.has-data-panel>.screen.kelola,html.rd .rd-app.has-data-panel .screen-content{padding-left:20px;padding-right:20px}html.rd .rd-app.has-data-panel .ij-split{grid-template-columns:minmax(0,1fr)}html.rd .rd-app.has-data-panel .kelola .ij-kpi{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}html.rd .rd-app.has-data-panel .kelola .ij-kpi>:last-child:nth-child(odd){grid-column:1 / -1}html.rd .rd-app.has-data-panel .tcard,html.rd .rd-app.has-data-panel .ad-list,html.rd .rd-app.has-data-panel .plain-list,html.rd .rd-app.has-data-panel .sum,html.rd .rd-app.has-data-panel .filters{max-width:100%;min-width:0;box-sizing:border-box}html.rd .rd-app.has-data-panel .thead,html.rd .rd-app.has-data-panel .trow,html.rd .rd-app.has-data-panel .ij-head,html.rd .rd-app.has-data-panel .ij-row,html.rd .rd-app.has-data-panel .ad-row,html.rd .rd-app.has-data-panel .row{min-width:0;max-width:100%;padding-left:12px;padding-right:12px;gap:8px}html.rd .rd-app.has-data-panel .kk2{grid-template-columns:16px minmax(0,1.3fr) 64px 64px 52px 92px 80px 36px;gap:6px}html.rd .rd-app.has-data-panel .or-grid{grid-template-columns:minmax(0,1.3fr) 118px minmax(0,1fr) 36px}html.rd .rd-app.has-data-panel .pm-grid{grid-template-columns:minmax(0,1.3fr) 118px minmax(0,.9fr) 92px 36px}html.rd .rd-app.has-data-panel .ij-head,html.rd .rd-app.has-data-panel .ij-row{grid-template-columns:minmax(0,1.2fr) 64px minmax(0,.9fr) 124px 36px}html.rd .rd-app.has-data-panel .ex-grid{grid-template-columns:84px minmax(0,1.3fr) 96px 88px 36px}html.rd .rd-app.has-data-panel .rk-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) minmax(0,.9fr) 92px 36px}html.rd .rd-app.has-data-panel .ks-grid{grid-template-columns:minmax(0,1.2fr) 64px 76px 56px minmax(0,1fr) 104px;gap:6px}html.rd .rd-app.has-data-panel .hd-grid{grid-template-columns:minmax(0,1.3fr) 48px 48px 48px 64px;gap:6px}html.rd .rd-app.has-data-panel .jk-grid{grid-template-columns:86px minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,.8fr) 90px;gap:6px}html.rd .rd-app.has-data-panel .wl-grid{grid-template-columns:minmax(0,1.2fr) 64px 96px 96px}html.rd .rd-app.has-data-panel .ad-row{grid-template-columns:40px minmax(0,1.3fr) minmax(0,.9fr) minmax(0,1fr) minmax(0,.9fr) 36px}html.rd .rd-app.has-data-panel table{width:100%;max-width:100%;table-layout:fixed}html.rd .rd-app.has-data-panel th,html.rd .rd-app.has-data-panel td{overflow:hidden;text-overflow:ellipsis}}
