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}[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}.custom-card{border:1px solid #ddd;padding:10px;margin:0;border-radius:10px;background-color:#fff;overflow:hidden;position:relative;box-shadow:0 0 6px #0000001a}vaadin-grid .custom-card,vaadin-details .custom-card{margin:0}.card-layout{display:flex;align-items:center}.card-title{font-weight:700;font-size:1em;margin-bottom:0}.card-description{font-size:13px;margin-bottom:0}.card-detail{color:gray;font-size:13px}@media (max-width: 800px){.card-title,.card-description,.card-detail{width:95%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}@media (min-width: 801px){.card-title,.card-description,.card-detail{width:95%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}html,[theme~=dark]{--lumo-shade-5pct: rgba(33, 33, 33, .05);--lumo-shade-10pct: rgba(33, 33, 33, .1);--lumo-shade-20pct: rgba(33, 33, 33, .2);--lumo-shade-30pct: rgba(33, 33, 33, .3);--lumo-shade-40pct: rgba(33, 33, 33, .4);--lumo-shade-50pct: rgba(33, 33, 33, .5);--lumo-shade-60pct: rgba(33, 33, 33, .6);--lumo-shade-70pct: rgba(33, 33, 33, .7);--lumo-shade-80pct: rgba(33, 33, 33, .8);--lumo-shade-90pct: rgba(33, 33, 33, .9);--lumo-primary-color-50pct: rgba(235, 89, 5, .5);--lumo-primary-color-10pct: rgba(235, 89, 5, .1);--lumo-error-color-50pct: rgba(231, 24, 24, .5);--lumo-error-color-10pct: rgba(231, 24, 24, .1);--lumo-success-color-50pct: rgba(62, 229, 170, .5);--lumo-success-color-10pct: rgba(62, 229, 170, .1);--lumo-shade: hsl(0, 0%, 13%);--lumo-primary-color: hsl(22, 96%, 47%);--lumo-primary-text-color: hsl(22, 100%, 42%);--lumo-error-color: hsl(0, 81%, 50%);--lumo-error-text-color: hsl(0, 86%, 45%);--lumo-success-color: hsl(159, 76%, 57%);--lumo-success-contrast-color: hsl(159, 29%, 10%);--lumo-success-text-color: hsl(159, 61%, 40%)}.luwid-card{background-color:var(--lumo-base-color);border-radius:20px;box-shadow:var(--lumo-box-shadow-xs);padding:calc(var(--lumo-space-s) * 1.5) var(--lumo-space-m);margin:5px}.centered-unordered-list{margin:0 auto}:root{--vaadin-input-field-background: white;--vaadin-input-field-border-color: var(--lumo-contrast-50pct);--vaadin-input-field-border-width: .5px;--vaadin-input-field-border-radius: var(--lumo-border-radius)}vaadin-input-field[focused]{--vaadin-input-field-border-color: var(--lumo-primary-color)}vaadin-input-field[disabled]{--vaadin-input-field-background: var(--lumo-contrast-5pct);--vaadin-input-field-border-color: var(--lumo-contrast-20pct)}.judul-text{font-size:24px;font-weight:700}.deskripsi-text{font-size:16px}@media (max-width: 600px){.judul-text{font-size:15px;line-height:.8}.deskripsi-text{font-size:12px;line-height:1.4}}