.login-view-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}.login-view-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)}.login-view-view .preview-container{display:contents}.login-view-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.login-view-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.login-view-view[dragging] .layout:not([style*="gap:"]){gap:8px}.login-view-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.login-view-view .cover-overlay{position:absolute;border-radius:1px}.login-view-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.login-view-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)}.login-view-view .overlays,.login-view-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.login-view-view:not([dragging]) .drop-zones{pointer-events:none}.login-view-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.login-view-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)}.login-view-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))}.login-view-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)}.login-view-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}.login-view-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.login-view-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.login-view-view[readonly] .drop-zones,.login-view-view[readonly] .overlays,.login-view-view[inline-editing] .drop-zones,.login-view-view[inline-editing] .overlays{display:none}.login-view-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.login-view-view[dragging] vaadin-form-layout{padding:8px}.login-view-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.login-view-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.home-view-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}.home-view-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)}.home-view-view .preview-container{display:contents}.home-view-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.home-view-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.home-view-view[dragging] .layout:not([style*="gap:"]){gap:8px}.home-view-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.home-view-view .cover-overlay{position:absolute;border-radius:1px}.home-view-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.home-view-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)}.home-view-view .overlays,.home-view-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.home-view-view:not([dragging]) .drop-zones{pointer-events:none}.home-view-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.home-view-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)}.home-view-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))}.home-view-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)}.home-view-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}.home-view-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.home-view-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.home-view-view[readonly] .drop-zones,.home-view-view[readonly] .overlays,.home-view-view[inline-editing] .drop-zones,.home-view-view[inline-editing] .overlays{display:none}.home-view-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.home-view-view[dragging] vaadin-form-layout{padding:8px}.home-view-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.home-view-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}.home-view3-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}.home-view3-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)}.home-view3-view .preview-container{display:contents}.home-view3-view .preview-container>.layout[style*="align-self: stretch"]{width:100%}.home-view3-view .preview-container>.layout[style*="flex-grow: 1"]{height:100%}.home-view3-view[dragging] .layout:not([style*="gap:"]){gap:8px}.home-view3-view[dragging] .layout:not([style*="padding:"],[empty]){padding:8px}.home-view3-view .cover-overlay{position:absolute;border-radius:1px}.home-view3-view:not([starting-drag]) .cover-overlay.editable-hovering{outline:2px solid hsl(var(--cv-blue) / 1);outline-offset:-1px}.home-view3-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)}.home-view3-view .overlays,.home-view3-view .drop-zones{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.home-view3-view:not([dragging]) .drop-zones{pointer-events:none}.home-view3-view .drop-zone{position:absolute;box-sizing:border-box;border-radius:1px;min-height:10px;min-width:10px}.home-view3-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)}.home-view3-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))}.home-view3-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}.home-view3-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}.home-view3-view[dragging]:not([readonly]) vaadin-form-layout[empty]{background:transparent}.home-view3-view .layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.home-view3-view[readonly] .drop-zones,.home-view3-view[readonly] .overlays,.home-view3-view[inline-editing] .drop-zones,.home-view3-view[inline-editing] .overlays{display:none}.home-view3-view .content-wrapper[contenteditable=true]{display:inline-block;overflow:hidden;width:100%}.home-view3-view[dragging] vaadin-form-layout{padding:8px}.home-view3-view vaadin-form-layout[empty]:before{content:"";display:block;min-width:64px;min-height:32px}.home-view3-view[dragging] vaadin-form-layout:not([empty]):after{content:"";display:block;min-width:64px;min-height:32px}vaadin-grid::part(my-style-hampir){color:#f78e12;font-weight:700}vaadin-grid::part(my-style-orange){color:#f78e12;font-weight:700}vaadin-grid::part(my-style-ed){color:#e0241a;font-weight:700}vaadin-grid::part(my-style-maroon){color:#c70007;font-weight:700}vaadin-grid::part(my-style-aman){color:#377a6a}vaadin-grid::part(my-style-hijau){color:#149134}vaadin-grid::part(my-style-biru){color:#0789e6}vaadin-grid::part(my-style-hitam){color:#0e0f0f}.my-grid{width:100%;max-width:100%;overflow-x:auto}@media print{body{visibility:hidden}#printThis{visibility:visible;position:absolute;left:0;top:0}}:root{--dynamic-background-color: green;--dynamic-text-color: white}[theme=dark]{--dynamic-background-color: darkgreen;--dynamic-text-color: lightgray}.simpusweb-box{flex-shrink:0;box-shadow:2px 1px 10px gray;padding:0;justify-content:center;align-items:stretch;align-content:stretch}.simpusweb-form{padding:1px}.simpusweb-form-header{font-size:20px;height:50px;display:flex;justify-content:center;align-items:center;width:100%;text-align:center;text-color:var(--lumo-primary-text-color);color:var(--lumo-primary-contrast-color);background-color:var(--lumo-primary-color);margin-bottom:1px}.delete-button{background-color:#ff4d4d;color:#fff}.clear-button{background-color:#4d79ff;color:#fff}.menu-container{overflow:auto;max-height:80vh;border-right:1px solid lightgrey}@media(max-width:768px){.menu-container{max-height:50vh}}html{--lumo-size-xl: 3rem;--lumo-size-l: 2.5rem;--lumo-size-m: 2rem;--lumo-size-s: 1.75rem;--lumo-size-xs: 1.5rem;--lumo-space-xl: 1.875rem;--lumo-space-l: 1.25rem;--lumo-space-m: .625rem;--lumo-space-s: .3125rem;--lumo-space-xs: .1875rem;--lumo-font-size: 1rem;--lumo-font-size-xxxl: 1.75rem;--lumo-font-size-xxl: 1.375rem;--lumo-font-size-xl: 1.125rem;--lumo-font-size-l: 1rem;--lumo-font-size-m: .875rem;--lumo-font-size-s: .8125rem;--lumo-font-size-xs: .75rem;--lumo-font-size-xxs: .6875rem;--lumo-line-height-m: 1.4;--lumo-line-height-s: 1.2;--lumo-line-height-xs: 1.1}