header nav a:any-link{text-decoration:none;padding:0 var(--lumo-space-s);border-radius:var(--lumo-border-radius-m);outline:0}header nav a:hover{color:var(--lumo-header-text-color)}header nav a:active{background-color:var(--lumo-contrast-5pct)}header nav a:focus-visible{box-shadow:0 0 0 2px var(--lumo-primary-color-50pct)}header nav a[highlight] vaadin-icon{color:var(--lumo-primary-text-color)}header nav a[highlight]{background-color:var(--lumo-primary-color-10pct)}vaadin-scroller[slot=drawer]{padding:var(--lumo-space-s)}vaadin-side-nav-item vaadin-icon{padding:0;color:#fff}[slot=drawer]:is(header,footer){display:flex;align-items:center;gap:var(--lumo-space-s);padding:var(--lumo-space-s) var(--lumo-space-m);min-height:var(--lumo-size-xl);box-sizing:border-box}[slot=drawer]:is(header,footer):is(:empty){display:none}vaadin-app-layout::part(drawer){background-color:var(--lumo-primary-color)}vaadin-app-layout[part=toggle-button]{color:#fff}vaadin-side-nav-item::part(toggle-button){color:#fff}vaadin-side-nav-item[current]::part(content){color:#06294f}.global-card{background-color:var(--lumo-base-color);border-radius:var(--lumo-border-radius);box-shadow:var(--lumo-box-shadow-xs);padding:calc(var(--lumo-space-s) * 1.5) var(--lumo-space-m);border-radius:15px;transition:all .8s cubic-bezier(.15,.83,.66,1);cursor:pointer}.global-card1{border-radius:var(--lumo-border-radius);box-shadow:var(--lumo-box-shadow-xs);padding:calc(var(--lumo-space-s) * 1.5) var(--lumo-space-m);margin:11px;border-radius:15px;transition:all .8s cubic-bezier(.15,.83,.66,1);cursor:pointer}.global-card1:hover,.global-card:hover{transform:scale(1.02)}.global-card-header{align-items:baseline}.global-card-title{font-size:24px;font-weight:700;margin-right:var(--lumo-space-s)}.global-card-post{color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-s);margin-bottom:var(--lumo-space-s);white-space:normal}.global-grid{border:1px solid var(--lumo-contrast-10pct)}.global-grid::part(header-cell){background-color:var(--lumo-primary-color);color:#fff;font-weight:700;font-size:15px}.global-grid::part(header-cell):hover{background-color:#2980b9}.global-grid::part(odd-row){--vaadin-grid-cell-background: white}.global-grid::part(even-row){--vaadin-grid-cell-background: #E6F3FF}.global-grid::part(selected-row){--vaadin-grid-cell-background: var(--lumo-shade-10pct)}.global-grid::part(row){height:34px}.global-grid::part(cell){border:1px solid var(--lumo-contrast-10pct)}.global-grid-xs{border:1px solid var(--lumo-contrast-10pct)}.global-grid-xs::part(header-cell){background-color:var(--lumo-primary-color);color:#fff;font-weight:700;font-size:var(--lumo-font-size-xs)}.global-grid-xs::part(header-cell):hover{background-color:#2980b9}.global-grid-xs::part(odd-row){--vaadin-grid-cell-background: white}.global-grid-xs::part(even-row){--vaadin-grid-cell-background: #E6F3FF}.global-grid-xs::part(selected-row){--vaadin-grid-cell-background: var(--lumo-shade-10pct)}.global-grid-xs::part(row){height:var(--lumo-size-m);font-size:var(--lumo-font-size-xs)}.global-grid-xs::part(cell){border:1px solid var(--lumo-contrast-10pct)}.global-tab{background-color:#e0e0e0;color:#000;border:1px solid #d3d3d3;border-bottom:none;border-top-left-radius:10px;border-top-right-radius:10px;padding:10px 20px;margin-right:5px;box-sizing:border-box;cursor:pointer;transition:background-color .3s}.global-tab:hover{background-color:#d0d0d0}.global-tab[selected]{background-color:#fff;font-weight:700}.global-tabs .vaadin-tab[selected]{border-bottom:none}.global-tab-hijau{background-color:#ca150c;color:#fff}.global-tab-hijau:hover{background-color:#f1190e}.global-tab-hijau[selected]{background-color:#ff1b0f;font-weight:700;color:#fcfafa}.global-tab-biru{background-color:#485a9b;color:#fff}.global-tab-biru:hover{background-color:#5d75c9}.global-tab-biru[selected]{background-color:#7391ff;font-weight:700;color:#595959}.global-menu-tab{height:40px;cursor:pointer;margin-left:5px;margin-right:5px;margin-bottom:8px}.global-menu-tab:hover{background-color:#4d3ee220;color:#4d3ee2!important;border-radius:5px;height:40px}.global-menu-tab[selected]{background-color:#4d4588;border-radius:5px;color:#fff!important;height:40px}.menu-utama-tab{background-color:#4d3ee2;color:#fff!important;height:44px;margin-left:0;text-align:center;line-height:40px;font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);font-weight:500;width:100%}.menu-utama-tab-2{background-color:#4d3ee2;color:#fff!important;height:40px;margin-bottom:8px;margin-left:0;text-align:center;line-height:40px;font-family:var(--lumo-font-family);font-size:var(--lumo-font-size-m);font-weight:500}.menu-tab-container{background-color:#fbfbfb;color:#333!important;border-radius:5px;border:1px solid #aaa;left:6px!important;box-shadow:0 0 13px #ccc!important;width:30.404252%!important}.content-tab-container{background-color:#e1e7e9;overflow:auto;border-radius:5px;border:1px solid #aaa;padding-left:10px!important;position:relative;left:-6px!important;box-shadow:0 0 13px #ccc!important}.laporan-menu{float:left;height:65px;margin-bottom:0;cursor:pointer;padding-left:10px}.laporan-menu:hover{background-color:#4d3ee220;border-radius:5px}.laporan-menu-text-title{font-size:1.1rem;line-height:1.6rem;letter-spacing:.01em;color:#000;font-weight:700;margin:5px 0 2px}.laporan-menu-text-desk{font-size:9pt;line-height:12pt;color:#827474}.global-tabs{display:flex;justify-content:right;align-items:flex-start;margin-bottom:5px}.global-textfield::part(input-field){background-color:var(--lumo-base-color);box-shadow:inset 0 0 0 1px var(--lumo-contrast-30pct)}.global-textfield-orange::part(input-field){background-color:#f3ac5b}.global-textfield-cyant::part(input-field){background-color:#f65de3}.global-combobox::part(input-field){font-size:11px;color:#fff;height:20px;width:90px;margin-top:5px}.global-combobox::part(toggle-button){display:none}.global-combobox-kuning::part(input-field){background-color:#ff0;color:#000}.global-combobox-merah::part(input-field){background-color:red}.global-combobox-hijau::part(input-field){background-color:green}.global-combobox-blue::part(input-field){background-color:#00f}vaadin-multi-select-combo-box-overlay::part(vaadin-mscb-overlay-tools){justify-content:center;gap:1rem}.global-dialog::part(content){padding-top:.5rem;padding-bottom:.5rem}.global-dialog::part(header){background:var(--lumo-primary-color);padding-top:2px;padding-bottom:2px}.global-dialog>[slot=title]{color:#fff}.global-button-xs{font-size:var(--lumo-font-size-s);--lumo-button-size: var(--lumo-size-s);cursor:pointer}.admin-view{padding:2px;box-sizing:border-box;display:block;position:relative;height:100%;overflow-y:auto;--cv-blue: 212 96% 54%;--cv-purple: 259 97% 66%;--cv-dropzone-border-color: hsl(var(--cv-blue) / .5);--cv-dropzone-bg-color: hsl(var(--cv-blue) / .2);--cv-droptarget-border-color: hsl(var(--cv-purple) / 1);--cv-droptarget-bg-color: hsl(var(--cv-purple) / .4);--cv-stripe-width: 1.5px;--cv-stripe-gap: 9px;--cv-stripe-color: hsl(var(--cv-blue) / .2);--cv-layout-border-color: var(--lumo-contrast-40pct);--cv-checkerboard-color1: hsl(0 0% 0% / .05);--cv-checkerboard-color2: hsl(0 0% 100% / .05);--cv-checkerboard-size: 16px}.admin-view[dragging]{--cv-checkerboard-color1: hsl(var(--cv-blue) / .2);--cv-checkerboard-color2: hsl(var(--cv-blue) / .1);--cv-layout-border-color: var(--cv-dropzone-border-color)}.admin-view .preview-container{display:contents}.admin-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.admin-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.admin-view[dragging] .layout:not([style*="gap:"]){gap:8px}.admin-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.admin-view .cover-overlay{position:absolute;border-radius:1px}.admin-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.admin-view:not([starting-drag]) .cover-overlay.editable-editing{outline:1px solid hsl(var(--cv-blue) / 1);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.admin-view .overlays,.admin-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.admin-view:not([dragging]) .drop-zones{pointer-events:none}.admin-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.admin-view[dragging] .drop-zone:not([empty-layout]){outline:1px dashed var(--cv-dropzone-border-color);outline-offset:-2px;background-color:var(--cv-dropzone-bg-color)}.admin-view .drop-zone[remaining-space]{background:repeating-linear-gradient(-45deg,var(--cv-stripe-color),var(--cv-stripe-color) var(--cv-stripe-width),transparent var(--cv-stripe-width),transparent var(--cv-stripe-gap))}.admin-view[dragging] .drop-zone[drag-over]{background:var(--cv-droptarget-bg-color);outline:1px solid var(--cv-droptarget-border-color);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.admin-view:not([readonly]) .layout[empty],vaadin-form-layout[empty]{border-radius:1px;background:repeating-conic-gradient(var(--cv-checkerboard-color1) 0% 25%,var(--cv-checkerboard-color2) 0% 50%) 50% / var(--cv-checkerboard-size) var(--cv-checkerboard-size);background-clip:content-box;outline:1px dashed var(--cv-layout-border-color);outline-offset:-2px}.admin-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.admin-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.admin-view[readonly] .drop-zones,.admin-view[readonly] .overlays,.admin-view[inline-editing] .drop-zones,.admin-view[inline-editing] .overlays{display:none}.admin-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.admin-view[dragging] vaadin-form-layout{padding:8px}.admin-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.admin-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.pengguna-view{padding:2px;box-sizing:border-box;display:block;position:relative;height:100%;overflow-y:auto;--cv-blue: 212 96% 54%;--cv-purple: 259 97% 66%;--cv-dropzone-border-color: hsl(var(--cv-blue) / .5);--cv-dropzone-bg-color: hsl(var(--cv-blue) / .2);--cv-droptarget-border-color: hsl(var(--cv-purple) / 1);--cv-droptarget-bg-color: hsl(var(--cv-purple) / .4);--cv-stripe-width: 1.5px;--cv-stripe-gap: 9px;--cv-stripe-color: hsl(var(--cv-blue) / .2);--cv-layout-border-color: var(--lumo-contrast-40pct);--cv-checkerboard-color1: hsl(0 0% 0% / .05);--cv-checkerboard-color2: hsl(0 0% 100% / .05);--cv-checkerboard-size: 16px}.pengguna-view[dragging]{--cv-checkerboard-color1: hsl(var(--cv-blue) / .2);--cv-checkerboard-color2: hsl(var(--cv-blue) / .1);--cv-layout-border-color: var(--cv-dropzone-border-color)}.pengguna-view .preview-container{display:contents}.pengguna-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.pengguna-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.pengguna-view[dragging] .layout:not([style*="gap:"]){gap:8px}.pengguna-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.pengguna-view .cover-overlay{position:absolute;border-radius:1px}.pengguna-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.pengguna-view:not([starting-drag]) .cover-overlay.editable-editing{outline:1px solid hsl(var(--cv-blue) / 1);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.pengguna-view .overlays,.pengguna-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.pengguna-view:not([dragging]) .drop-zones{pointer-events:none}.pengguna-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.pengguna-view[dragging] .drop-zone:not([empty-layout]){outline:1px dashed var(--cv-dropzone-border-color);outline-offset:-2px;background-color:var(--cv-dropzone-bg-color)}.pengguna-view .drop-zone[remaining-space]{background:repeating-linear-gradient(-45deg,var(--cv-stripe-color),var(--cv-stripe-color) var(--cv-stripe-width),transparent var(--cv-stripe-width),transparent var(--cv-stripe-gap))}.pengguna-view[dragging] .drop-zone[drag-over]{background:var(--cv-droptarget-bg-color);outline:1px solid var(--cv-droptarget-border-color);outline-offset:-1px;box-shadow:inset 0 0 0 2px var(--lumo-base-color)}.drop-zone[empty-layout]{z-index:-1}.pengguna-view:not([readonly]) .layout[empty],vaadin-form-layout[empty]{border-radius:1px;background:repeating-conic-gradient(var(--cv-checkerboard-color1) 0% 25%,var(--cv-checkerboard-color2) 0% 50%) 50% / var(--cv-checkerboard-size) var(--cv-checkerboard-size);background-clip:content-box;outline:1px dashed var(--cv-layout-border-color);outline-offset:-2px}.pengguna-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.pengguna-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.pengguna-view[readonly] .drop-zones,.pengguna-view[readonly] .overlays,.pengguna-view[inline-editing] .drop-zones,.pengguna-view[inline-editing] .overlays{display:none}.pengguna-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.pengguna-view[dragging] vaadin-form-layout{padding:8px}.pengguna-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.pengguna-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.cari-grid{border:1px solid var(--lumo-contrast-10pct)}.cari-grid::part(header-cell){background-color:#f3f4f8!important;color:#000;font-weight:700;font-size:15px}.cari-grid::part(header-cell):hover{background-color:#2980b9}.cari-grid::part(row):hover{--vaadin-grid-cell-background: #a9c7e3;font-weight:700;box-shadow:0 4px 8px #0003,0 0 20px 6px #00000030;cursor:pointer}/*!* Mengatur warna seleksi pada baris menjadi abu-abu muda *!*/.cari-grid::part(row){height:34px}.opname-view{display:flex;flex-direction:column;height:100%}.opname-view .button-layout{width:100%;flex-wrap:wrap;background-color:var(--lumo-contrast-5pct);padding-bottom:var(--lumo-space-s);padding-top:var(--lumo-space-s);padding-left:var(--lumo-space-l);padding-right:var(--lumo-space-l);gap:var(--lumo-space-m)}html{--lumo-primary-color: hsl(214, 75%, 57%);--lumo-primary-color-50pct: hsla(214, 75%, 57%, .5);--lumo-primary-color-10pct: hsla(214, 75%, 57%, .1);--lumo-primary-text-color: hsl(214, 89%, 59%)}.centered-unordered-list{margin:0 auto}vaadin-login-form-wrapper vaadin-text-field::part(input-field){background-color:var(--lumo-base-color);box-shadow:inset 0 0 0 1px var(--lumo-contrast-30pct)}vaadin-login-form-wrapper vaadin-password-field::part(input-field){background-color:var(--lumo-base-color);box-shadow:inset 0 0 0 1px var(--lumo-contrast-30pct)}vaadin-login-form [slot=forgot-password]{cursor:pointer}vaadin-login-form vaadin-button[theme~=submit]{cursor:pointer}.spinner{border:4px solid rgba(0,0,0,.1);border-left-color:#007bff;border-radius:50%;width:24px;height:24px;animation:spin 1s linear infinite;margin-top:10px}@keyframes spin{to{transform:rotate(360deg)}}