@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap";:root{color-scheme:light;--font-family-base: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-family-mono: "SFMono-Regular", Menlo, Consolas, monospace;--font-size-2xs: .625rem;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-md: .875rem;--font-size-lg: 1rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-4xl: 3rem;--line-height-tight: 1.2;--line-height-base: 1.5;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--color-primary: #479bb9;--color-primary-hover: #3b83a0;--color-primary-soft: rgba(71, 155, 185, .12);--color-secondary: #7987a1;--color-background: #f9fafb;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-surface-muted: #f6f7fb;--color-text: #060c17;--color-text-muted: #7987a1;--color-text-inverse: #ffffff;--color-border: #e9ecef;--color-border-strong: #dfe4ec;--color-card-border: #f2f4f9;--color-success: #05a34a;--color-success-soft: rgba(5, 163, 74, .12);--color-warning: #fbbc06;--color-warning-soft: rgba(251, 188, 6, .15);--color-danger: #ff3366;--color-danger-soft: rgba(255, 51, 102, .14);--overlay-color: rgba(6, 12, 23, .45);--space-0: 0;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space-md: 1rem;--space-lg: 1.25rem;--space-xl: 1.5rem;--space-2xl: 2rem;--size-2xs: .75rem;--size-xs: 1rem;--size-sm: 1.125rem;--size-md: 1.5rem;--size-lg: 2rem;--radius-none: 0;--radius-sm: .25rem;--radius-md: .25rem;--radius-lg: .25rem;--radius-xl: .375rem;--radius-pill: 9999px;--border-width-thin: 1px;--border-width-thick: 2px;--shadow-sm: 0 .125rem .25rem rgba(183, 192, 206, .2);--shadow-md: 0 .5rem 1rem rgba(183, 192, 206, .2);--shadow-lg: 0 1rem 2rem rgba(183, 192, 206, .6);--shadow-card: 0 0 10px rgba(183, 192, 206, .2);--z-base: 1;--z-sticky: 20;--z-navbar: 978;--z-sidebar: 999;--z-modal: 1040;--z-toast: 1100;--header-height: 3.75rem;--sidebar-width: 15rem;--sidebar-folded-width: 4.375rem;--container-max: 26.25rem;--table-col-xs: 7.5rem;--table-col-sm: 11.25rem;--table-col-md: 12.5rem;--table-col-lg: 14.0625rem;--table-col-50: 50%;--viewport-preview-h: 70vh;--viewport-preview-max: 60vh;--viewport-dialog-max: 90vh;--transition-fast: .1s ease;--transition-base: .2s ease}*{box-sizing:border-box}html,body{margin:var(--space-0);min-height:100%}body{font-family:var(--font-family-base);font-size:var(--font-size-md);line-height:var(--line-height-base);font-weight:var(--font-weight-normal);color:var(--color-text);background:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.modal-open,body.sidebar-open{overflow:hidden}h1,h2,h3,h4,h5,h6,p,span,label,small,strong,dt,dd{color:var(--color-text);margin:var(--space-0)}h1{font-size:var(--font-size-2xl);line-height:var(--line-height-tight);font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-xl);line-height:var(--line-height-tight);font-weight:var(--font-weight-semibold)}h3{font-size:var(--font-size-lg);line-height:var(--line-height-tight);font-weight:var(--font-weight-semibold)}a{color:inherit;text-decoration:none}.btn,.btn-group.open .dropdown-toggle,.btn:active,.btn:focus,.btn:hover,.btn:visited,a:active,a:focus,a:hover,a:visited,button,button:active,button:hover,button:visited,input,input:active,input:hover,input:focus,input:visited,select,select:active,select:focus,select:visited,textarea,textarea:active,textarea:focus,textarea:visited{box-shadow:none}select,.form-check-input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.app-shell{display:flex;min-height:100vh;position:relative}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-color);opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base);z-index:calc(var(--z-sidebar) - 1)}body.sidebar-open .app-shell:before{opacity:1;visibility:visible}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);max-width:var(--sidebar-width);position:fixed;left:0;top:0;bottom:0;z-index:var(--z-sidebar);background:var(--color-surface);border-right:var(--border-width-thin) solid var(--color-border);transition:transform var(--transition-base),visibility var(--transition-base);display:flex;flex-direction:column}.sidebar-header{height:var(--header-height);border-bottom:var(--border-width-thin) solid var(--color-border);border-right:var(--border-width-thin) solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 1.5625rem}.sidebar-logo{width:calc(100% - 2.5rem);max-height:2rem;object-fit:contain;transition:opacity var(--transition-base),visibility var(--transition-base),width var(--transition-base)}.sidebar-fold-toggle{width:1.125rem;padding:0;border:0;background:transparent;cursor:pointer}.sidebar-fold-toggle span{display:block;width:100%;height:2px;border-radius:2px;background:var(--color-secondary);transition:transform var(--transition-base),opacity var(--transition-base)}.sidebar-fold-toggle span+span{margin-top:4px}.sidebar-fold-toggle.is-active span:nth-child(1){transform:translateY(6px) rotate(45deg)}.sidebar-fold-toggle.is-active span:nth-child(2){opacity:0}.sidebar-fold-toggle.is-active span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.sidebar nav{flex:1;overflow-y:auto;padding:1.5625rem 1.5625rem 3.125rem;border-right:var(--border-width-thin) solid var(--color-border);box-shadow:0 .5rem .625rem #b7c0ce33}.sidebar-footer{border-top:var(--border-width-thin) solid var(--color-border);border-right:var(--border-width-thin) solid var(--color-border);padding:.875rem 1.5625rem;background:var(--color-surface)}.content-area{width:calc(100% - var(--sidebar-width));margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column;transition:margin var(--transition-base),width var(--transition-base)}.app-header{position:fixed;top:0;left:var(--sidebar-width);right:0;height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 1.5625rem;background:var(--color-surface);border-bottom:var(--border-width-thin) solid var(--color-border);box-shadow:3px 0 10px #b7c0ce33;z-index:var(--z-navbar);transition:left var(--transition-base)}.app-header-left{display:flex;align-items:center;gap:var(--space-sm)}.app-header-right{position:relative;display:flex;align-items:center;gap:.5rem;margin-left:auto}.app-header-wfh-link{width:1.875rem;height:1.875rem;color:var(--color-text-muted);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:transparent;position:relative;transition:color var(--transition-fast)}.app-header-wfh-link:hover,.app-header-wfh-link.active{color:var(--color-primary)}.app-header-wfh-link .mdi{font-size:1.35rem;line-height:1}.app-header-wfh-indicator{position:absolute;top:.2rem;right:.1rem;width:.5rem;height:.5rem;border-radius:50%;background:#5b5ff6;box-shadow:0 0 0 2px #fff}.app-header-profile-trigger{display:inline-flex;align-items:center;gap:.5rem;border:0;background:transparent;padding:0;cursor:pointer}.app-header-user-meta{display:flex;flex-direction:row;align-items:center;gap:.375rem;line-height:1;white-space:nowrap}.app-header-user-name{font-size:.72rem;font-weight:500;color:var(--color-text)}.app-header-user-email{font-size:.72rem;color:var(--color-text-muted)}.app-header-avatar{width:2rem;height:2rem;min-width:2rem;min-height:2rem;max-width:2rem;max-height:2rem;border-radius:999px;border:1px solid var(--color-border);background:#fff;display:block;overflow:hidden}.app-header-avatar-img{width:100%;height:100%;display:block;object-fit:contain;background:#eef2f7}.app-header-profile-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:14.5rem;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md);z-index:980;display:none}.app-header-right.is-open .app-header-profile-menu{display:block}.app-header-right:focus-within .app-header-profile-menu{display:block}.app-header-profile-name{font-size:.8125rem;font-weight:600;color:var(--color-text);margin-bottom:.25rem}.app-header-profile-email{font-size:.75rem;color:var(--color-text-muted);margin-bottom:.75rem}.app-header-profile-logout{width:100%}.sidebar-mobile-toggle{display:none;border:0;background:transparent;color:var(--color-secondary);width:2rem;height:2rem;align-items:center;justify-content:center;padding:0;cursor:pointer}.sidebar-mobile-toggle svg{width:1.625rem;height:1.625rem}.main-content{flex:1;margin-top:var(--header-height);padding:1.5625rem}@media (min-width: 62rem){body.sidebar-folded:not(.sidebar-hover-expanded) .sidebar{width:var(--sidebar-folded-width);min-width:var(--sidebar-folded-width);max-width:var(--sidebar-folded-width)}body.sidebar-folded:not(.sidebar-hover-expanded) .sidebar-header{padding:0 .75rem;justify-content:center}body.sidebar-folded:not(.sidebar-hover-expanded) .sidebar-logo{width:0;opacity:0;visibility:hidden}body.sidebar-folded:not(.sidebar-hover-expanded) .sidebar nav{padding:1.25rem .75rem 2rem}body.sidebar-folded:not(.sidebar-hover-expanded) .sidebar-footer{padding-left:.75rem;padding-right:.75rem}body.sidebar-folded:not(.sidebar-hover-expanded) .content-area{width:calc(100% - var(--sidebar-folded-width));margin-left:var(--sidebar-folded-width)}body.sidebar-folded:not(.sidebar-hover-expanded) .app-header{left:var(--sidebar-folded-width)}}.min-h-screen{min-height:100vh}.flex-center{display:flex;align-items:center;justify-content:center;padding:var(--space-xl)}.max-w-md{width:100%;max-width:var(--container-max)}@media (max-width: 61.9375rem){.app-header-user-meta,.sidebar-fold-toggle{display:none}.sidebar{transform:translate(-100%);visibility:hidden}body.sidebar-open .sidebar{transform:translate(0);visibility:visible}.content-area{width:100%;margin-left:0}.app-header{left:0}.sidebar-mobile-toggle{display:inline-flex}.main-content,.app-header{padding-left:1rem;padding-right:1rem}}.auth-card,.card,.modal-dialog,.error-card{background:var(--color-surface);border:var(--border-width-thin) solid var(--color-card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.auth-card,.card{padding:1.5rem;margin-bottom:1.5rem}.auth-card h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.card>h2,.card>h3{margin-bottom:1rem}.card ul{margin:.5rem 0 0;padding-left:1.2rem}.auth-logo{display:block;width:90%;height:auto;margin:0 auto 1rem}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-weight:var(--font-weight-medium);margin-bottom:.5rem}.required-indicator{color:#dc2626;margin-left:.2rem;font-size:.75em;line-height:1;vertical-align:super}.form-group:has(input[required],select[required],textarea[required])>.form-label:after,.form-group:has(input[required],select[required],textarea[required])>label.form-label:after,label:has(>input[required],>select[required],>textarea[required]):after{content:"*";color:#dc2626;margin-left:.2rem;font-size:.75em;line-height:1;vertical-align:super}.form-control{width:100%;border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);padding:.469rem .8rem;font-size:var(--font-size-md);line-height:1.4;outline:none;transition:border-color var(--transition-base)}.form-control::placeholder{color:var(--color-secondary)}textarea.form-control{min-height:7.5rem}select.form-control,.form-control select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--color-secondary) 50%),linear-gradient(135deg,var(--color-secondary) 50%,transparent 50%),linear-gradient(to right,var(--color-border),var(--color-border));background-position:calc(100% - 1rem) 52%,calc(100% - .675rem) 52%,calc(100% - 2.5rem) 50%;background-size:.325rem .325rem,.325rem .325rem,var(--border-width-thin) 55%;background-repeat:no-repeat;padding-right:2.5rem}.form-control:focus{border-color:#7987a166}.checkbox-row,.checkbox-row label{display:flex;align-items:center;gap:var(--space-xs)}.checkbox-row{justify-content:space-between;color:var(--color-text-muted)}.btn-primary,.btn-outline,.row-action-icon-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;border-radius:var(--radius-md);font-size:var(--font-size-md);line-height:var(--line-height-tight);transition:color var(--transition-base),background-color var(--transition-base),border-color var(--transition-base)}.btn-primary{border:var(--border-width-thin) solid var(--color-primary);background:var(--color-primary);color:var(--color-text-inverse);padding:.469rem .8rem;font-weight:var(--font-weight-normal)}.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-outline{border:var(--border-width-thin) solid var(--color-border);background:var(--color-surface);color:var(--color-text);min-height:2.25rem;padding:.469rem .8rem}.btn-outline:hover,.btn-outline.active{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-soft)}.btn-outline.disabled{opacity:.5;pointer-events:none}.btn-block{width:100%}.badge{display:inline-flex;border-radius:var(--radius-pill);padding:.25rem .55rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.badge-success{background:var(--color-success-soft);color:var(--color-success)}.badge-warning{background:var(--color-warning-soft);color:#856404}.table{width:100%;border-collapse:collapse;margin-bottom:0}.table th,.table td{padding:.85rem;border-bottom:var(--border-width-thin) solid var(--color-border);vertical-align:middle;white-space:nowrap}.table th{text-align:left;font-size:.75rem;font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.03em;color:var(--color-secondary);background:var(--color-surface)}.table th:last-child:empty{font-size:0}.table th.table-actions-head{font-size:.75rem;white-space:nowrap;width:1%;min-width:9.5rem}.table td:last-child{text-align:right;white-space:nowrap;width:1%}.table td:last-child form{display:inline;margin:var(--space-0)}.table tbody tr:hover{background:#7987a114}.table tbody td{color:var(--color-text)}.table-title{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.02em}.table-wrapper{overflow-x:auto;margin-bottom:1.5rem;position:relative}.vendor-barang-table-wrapper{overflow-x:hidden}.vendor-barang-table{table-layout:fixed}.vendor-barang-table th,.vendor-barang-table td{white-space:normal;overflow-wrap:anywhere;word-break:normal}.vendor-barang-table th:nth-child(1),.vendor-barang-table td:nth-child(1){width:19%}.vendor-barang-table th:nth-child(2),.vendor-barang-table td:nth-child(2){width:25%}.vendor-barang-table th:nth-child(3),.vendor-barang-table td:nth-child(3){width:15%}.vendor-barang-table th:nth-child(4),.vendor-barang-table td:nth-child(4){width:16%}.vendor-barang-table th:nth-child(5),.vendor-barang-table td:nth-child(5){width:13%}.vendor-barang-table th:nth-child(6),.vendor-barang-table td:nth-child(6){width:7.5rem}.vendor-barang-table .u-table-actions{flex-wrap:wrap}.table-filter-panel{position:fixed;min-width:16.25rem;max-width:22.5rem;max-height:70vh;overflow-y:auto;padding:var(--space-sm);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:var(--color-surface);display:none;z-index:var(--z-sticky)}.table-filter-panel.is-open{display:block}.table-filter-panel.is-positioning{visibility:hidden}.table-filter-panel-content form+form{margin-top:var(--space-sm);padding-top:var(--space-sm);border-top:var(--border-width-thin) solid var(--color-border)}.table-filter-panel-empty{font-size:var(--font-size-xs);color:var(--color-text-muted)}.table-filter-panel-empty.is-hidden,.table-filter-hidden{display:none}.multi-select-list{border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xs);display:flex;flex-direction:column;gap:var(--space-xs);max-height:16.25rem;overflow-y:auto}.multi-select-option{display:block;border-radius:var(--radius-md);padding:var(--space-xs);cursor:pointer;transition:background var(--transition-fast)}.multi-select-option:hover{background:#7987a133}.toolbar,.toolbar .actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.toolbar .actions.actions-nowrap{flex-wrap:nowrap;align-items:center}.toolbar{justify-content:space-between;margin-bottom:var(--space-md);align-items:center}.toolbar>h2,.toolbar>h3{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.02em}.card>form.actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin:0 0 var(--space-md);align-items:center}.table-filter-trigger{cursor:pointer;position:relative;padding-right:var(--space-2xl)}.table-filter-trigger:after,.table-actions-trigger:after{content:"";border:.3125rem solid transparent;border-top-color:var(--color-text-muted);opacity:.7}.table-filter-trigger:after{position:absolute;right:var(--space-sm);top:50%;margin-top:-.125rem}.table-actions-toolbar{position:relative;align-items:center}.table-actions-trigger{cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-xs)}.table-actions-menu{position:absolute;top:calc(100% + var(--space-xs));left:var(--space-0);min-width:13.75rem;padding:var(--space-sm);background:var(--color-surface);border:var(--border-width-thin) solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:none;z-index:var(--z-sticky)}.table-actions-menu[aria-hidden=false]{display:grid;gap:var(--space-sm)}.table-actions-menu .actions{flex-direction:column;gap:var(--space-xs)}.table-actions-menu .actions>*{width:100%}.table-actions-menu .btn-outline,.table-actions-menu .btn-primary{width:100%;justify-content:flex-start;border:none;box-shadow:none;background:transparent;color:var(--color-text)}.table-pagination,.pagination-bar{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-md)}.pagination-info{color:var(--color-text-muted);font-size:var(--font-size-md)}.pagination-links{display:flex;gap:var(--space-xs);padding:var(--space-0);margin:var(--space-0);list-style:none}.pagination-item a,.pagination-item span{display:flex;align-items:center;justify-content:center;min-width:2.25rem;height:2.25rem;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);text-decoration:none}.pagination-item a{color:var(--color-primary)}.pagination-item a:hover,.pagination-item.is-active span{color:var(--color-text-inverse);background:var(--color-primary)}.pagination-item.is-disabled span{color:var(--color-text-muted)}.modal{position:fixed;inset:var(--space-0);display:none;align-items:center;justify-content:center;padding:var(--space-lg);background:var(--overlay-color);z-index:var(--z-modal)}.modal.active{display:flex}.modal-dialog{width:100%;max-width:32.5rem;max-height:var(--viewport-dialog-max);overflow-y:auto;padding:var(--space-xl)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-lg);padding-bottom:.75rem;border-bottom:var(--border-width-thin) solid var(--color-border)}.modal-close{border:none;background:transparent;cursor:pointer;font-size:var(--font-size-xl);color:var(--color-text)}.toast{position:fixed;right:var(--space-xl);bottom:var(--space-xl);min-width:16.25rem;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);border-left:var(--border-width-thick) solid;background:var(--color-surface);box-shadow:var(--shadow-md);font-weight:var(--font-weight-medium);z-index:var(--z-toast)}.toast-success{border-left-color:var(--color-success)}.toast-error{border-left-color:var(--color-danger)}.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-2xl);background:var(--color-background)}.error-card{width:100%;max-width:32.5rem;text-align:center;padding:var(--space-2xl)}.error-code{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.error-message{margin:var(--space-md) 0 var(--space-2xl);color:var(--color-text-muted);font-size:var(--font-size-lg)}.error-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-sm)}.nav-group-title,.nav-link{text-decoration:none}.sidebar .nav-section-title{margin-top:1.25rem;color:var(--color-secondary);font-size:.6875rem;font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-transform:uppercase}.sidebar .nav-group-title{margin-top:1.25rem;width:100%;height:.9375rem;color:var(--color-secondary);font-size:.6875rem;font-weight:var(--font-weight-normal);letter-spacing:.5px;text-transform:uppercase;padding:0}.sidebar .nav-group:first-child .nav-group-title,.sidebar>nav>.nav-group:first-child>.nav-group-title{margin-top:0}.sidebar>nav>.nav-section-title:first-child{margin-top:0}.nav-group-toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);border:none;background:transparent;cursor:pointer;text-align:left}.nav-group-caret,.nav-icon,.row-action-icon{width:var(--size-sm);height:var(--size-sm)}.nav-group-caret{width:.875rem;height:.875rem;transition:transform var(--transition-base);transform:rotate(90deg)}.nav-group.is-collapsed .nav-group-links{display:none}.nav-group.is-collapsed .nav-group-caret{transform:rotate(0)}.sidebar .nav-link{display:flex;align-items:center;gap:.875rem;border-radius:var(--radius-none);padding:0;height:2rem;color:var(--color-text);position:relative;transition:color var(--transition-fast)}.sidebar .nav-link-sub{padding-left:.5rem;height:1.625rem}.sidebar .nav-link-level2{height:2.25rem;font-weight:var(--font-weight-normal)}.sidebar .nav-group-toggle-level2{margin-top:.25rem;border:0;background:transparent;width:100%;padding:0;justify-content:space-between}.sidebar .nav-group-toggle-label{display:inline-flex;align-items:center;gap:.875rem}.sidebar .nav-link-level3{padding-left:1.75rem;height:2rem;font-size:.6875rem}.sidebar .nav-link-level3.nav-link-sub:before,.sidebar .nav-link-level3.nav-link-sub:after{display:none!important}.sidebar .nav-link-level3:before{content:"";width:8px;height:8px;border-radius:50%;border:2px solid rgba(121,135,161,.6);position:absolute;left:.5rem}.sidebar .nav-link-level3:hover:before,.sidebar .nav-link-level3.active:before{border-color:var(--color-primary)}.sidebar .nav-link .nav-icon{width:1rem;height:1rem;color:inherit;flex:0 0 1rem}.sidebar .nav-link span{font-size:.6875rem;font-weight:var(--font-weight-normal);line-height:1;transition:opacity var(--transition-base),visibility var(--transition-base)}.sidebar .nav-link:hover,.sidebar .nav-link.active{color:var(--color-primary);background:transparent}.sidebar>nav>div>.nav-link.active:before,.sidebar>nav>.nav-link.active:before{content:"";width:3px;height:1.625rem;background:var(--color-primary);position:absolute;left:-1.5625rem}.sidebar .nav-group-links>.nav-link.nav-link-level2.active:before{content:"";width:3px;height:1.625rem;background:var(--color-primary);position:absolute;left:-1.5625rem}.sidebar .nav-group-links>.nav-group .nav-link-level2.active:before{content:"";width:3px;height:1.625rem;background:var(--color-primary);position:absolute;left:-1.5625rem}.sidebar .nav-group-links .nav-link-sub.active:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-primary);position:absolute;left:-.625rem}.sidebar .nav-group-links .nav-link-sub:after{content:"";width:6px;height:6px;border-radius:50%;border:1px solid rgba(121,135,161,.4);position:absolute;left:-.625rem}.sidebar .nav-group-links .nav-link-sub.active:after,.sidebar .nav-group-links .nav-link-sub:hover:after{border-color:var(--color-primary)}@media (min-width: 62rem){body.sidebar-folded:not(.sidebar-hover-expanded) .sidebar .nav-group-title{font-size:0;margin-top:1rem;justify-content:center;pointer-events:none}body.sidebar-folded:not(.sidebar-hover-expanded) .sidebar .nav-section-title{font-size:0;margin-top:1rem}body.sidebar-folded:not(.sidebar-hover-expanded) .sidebar .nav-section-title:before{content:"";display:block;width:5px;height:5px;border-radius:50%;background:var(--color-secondary)}body.sidebar-folded:not(.sidebar-hover-expanded) .sidebar .nav-group-title:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--color-secondary)}body.sidebar-folded:not(.sidebar-hover-expanded) .sidebar .nav-group-caret{display:none}body.sidebar-folded:not(.sidebar-hover-expanded) .sidebar .nav-group-links{display:none!important}body.sidebar-folded:not(.sidebar-hover-expanded) .sidebar .nav-link{justify-content:center;gap:0}body.sidebar-folded:not(.sidebar-hover-expanded) .sidebar .nav-link .nav-icon{margin:0}body.sidebar-folded:not(.sidebar-hover-expanded) .sidebar .nav-link span{opacity:0;visibility:hidden;width:0;overflow:hidden}body.sidebar-folded:not(.sidebar-hover-expanded) .sidebar .nav-link-sub:before,body.sidebar-folded:not(.sidebar-hover-expanded) .sidebar .nav-link-sub:after{display:none}body.sidebar-folded:not(.sidebar-hover-expanded) .sidebar>nav>div>.nav-link.active:before,body.sidebar-folded:not(.sidebar-hover-expanded) .sidebar>nav>.nav-link.active:before{left:-.75rem}}.row-action-icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:var(--space-2xs);color:var(--color-text-muted)}.row-action-icon-btn:hover{color:var(--color-primary)}.form-grid{display:grid;gap:var(--space-md)}.duo-fields{display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(10rem,1fr))}.detail-list{display:grid;grid-template-columns:minmax(10rem,13.75rem) 1fr;column-gap:var(--space-lg);row-gap:.35rem;margin-top:var(--space-sm)}.detail-list dd:before{content:": ";margin-right:var(--space-xs)}.detail-list dt{color:var(--color-text-muted);font-size:var(--font-size-sm)}.detail-list dd{color:var(--color-text);font-size:var(--font-size-md)}.meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(13.75rem,1fr));gap:var(--space-sm);font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-sm)}.meta-grid .meta-updated{text-align:right}.meta-grid .meta-label{text-transform:uppercase;letter-spacing:.04em;display:block}.meta-grid .meta-value{display:block;font-size:var(--font-size-sm);color:var(--color-text)}.meta-grid .meta-date{display:block}.alert-error{color:var(--color-danger);margin-top:var(--space-xs);font-size:var(--font-size-xs)}.alert{margin:0 0 var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:var(--border-width-thin) solid transparent;font-size:var(--font-size-sm)}.alert-danger{color:#842029;background:#f8d7da;border-color:#f5c2c7}.alert-warning{color:#664d03;background:#fff3cd;border-color:#ffecb5}.alert-info{color:#055160;background:#cff4fc;border-color:#b6effb}.alert-success{color:#0f5132;background:#d1e7dd;border-color:#badbcc}.sr-only{position:absolute;width:var(--border-width-thin);height:var(--border-width-thin);margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;padding:var(--space-0)}.text-muted{color:var(--color-text-muted)}.text-center{text-align:center}.beranda-calendar .fc .fc-toolbar-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.beranda-calendar .fc .fc-button{border:var(--border-width-thin) solid var(--color-border);background:var(--color-surface);color:var(--color-text);text-transform:none;box-shadow:none}.beranda-calendar .fc .fc-button:hover,.beranda-calendar .fc .fc-button:focus{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-soft)}.beranda-calendar .fc .fc-button-primary:not(:disabled).fc-button-active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-text-inverse)}.beranda-calendar .fc .fc-daygrid-event{border-radius:var(--radius-md);padding:.2rem .35rem}.beranda-calendar .fc .fc-day-sat .fc-col-header-cell-cushion,.beranda-calendar .fc .fc-day-sun .fc-col-header-cell-cushion,.beranda-calendar .fc .fc-day-sat .fc-daygrid-day-number,.beranda-calendar .fc .fc-day-sun .fc-daygrid-day-number{color:#dc2626!important}@media (max-width: 40rem){.u-filter-row,.toolbar,.toolbar .actions{flex-direction:column;align-items:stretch}}.u-inline-label,.u-flex-center-y-gap-xs,.u-flex-center-y-gap-sm{display:flex;align-items:center}.u-inline-label,.u-flex-center-y-gap-xs{gap:var(--space-xs)}.u-flex-center-y-gap-sm{gap:var(--space-sm)}.u-flex-wrap-gap-sm{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.u-flex-gap-sm{display:flex;gap:var(--space-sm)}.u-flex-gap-xs{display:flex;gap:var(--space-xs)}.u-flex-1{flex:1}.u-flex-col-gap-xs{display:flex;flex-direction:column;gap:var(--space-xs)}.u-flex-col-gap-sm{display:flex;flex-direction:column;gap:var(--space-sm)}.u-justify-end{justify-content:flex-end}.u-justify-between{justify-content:space-between}.u-align-start{align-items:flex-start}.u-align-end{align-items:flex-end}.u-self-end{margin-left:auto}.u-actions-end{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-lg)}.u-filter-row{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-md)}.u-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(13.75rem,1fr));gap:var(--space-sm);margin-bottom:var(--space-md)}.u-grid-auto-fit-md{display:grid;grid-template-columns:repeat(auto-fill,minmax(11.25rem,1fr));gap:var(--space-xs)}.u-grid-auto-fit-md-gap-sm{display:grid;grid-template-columns:repeat(auto-fill,minmax(11.25rem,1fr));gap:var(--space-sm)}.u-grid-cards{display:grid;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(13.75rem,1fr))}.u-min-w-220{min-width:13.75rem}.u-min-w-240{min-width:15rem}.u-min-w-160{min-width:10rem}.u-min-w-140{min-width:8.75rem}.u-max-w-160{max-width:10rem}.u-max-w-200{max-width:12.5rem}.u-max-w-220{max-width:13.75rem}.u-max-w-240{max-width:15rem}.u-dialog-md{max-width:37.5rem}.u-dialog-lg{max-width:50rem}.u-dialog-xl{max-width:56.25rem}.u-dialog-2xl{max-width:62.5rem}.u-preview-wrap{height:var(--viewport-preview-h)}.u-preview-frame{width:100%;height:100%;border:0}.u-preview-frame-short{width:100%;height:28.125rem;border:0}.u-h-auto{height:auto}.u-w-full{width:100%}.u-w-50{width:var(--table-col-50)}.u-col-120{width:var(--table-col-xs)}.u-col-180{width:var(--table-col-sm)}.u-col-200{width:var(--table-col-md)}.u-col-220{width:var(--table-col-lg)}.u-table-actions{display:flex;gap:var(--space-xs);flex-wrap:nowrap;white-space:nowrap;justify-content:flex-end;align-items:center}.u-table-actions>*{flex:0 0 auto;white-space:nowrap}.align-actions-left{display:flex;gap:var(--space-xs);flex-wrap:nowrap;white-space:nowrap;justify-content:flex-start;align-items:center}.align-actions-left>*{flex:0 0 auto;white-space:nowrap}.u-no-pointer{pointer-events:none}.u-opacity-50{opacity:.5}.u-opacity-60{opacity:.6}.u-opacity-40{opacity:.4}.u-scroll-y{overflow:auto}.u-max-h-320{max-height:20rem}.u-max-h-360{max-height:22.5rem}.u-max-h-60vh{max-height:var(--viewport-preview-max)}.u-hidden{display:none}.u-show{display:block}.is-hidden{display:none}.u-reset-btn{border:none;background:transparent;padding:var(--space-0);color:var(--color-primary);cursor:pointer}.u-thumb{width:5rem;height:5rem;object-fit:contain}.u-logo-preview{max-width:7.5rem;max-height:3.75rem;object-fit:contain}.u-mt-sm{margin-top:var(--space-xs)}.u-mt-md{margin-top:var(--space-md)}.u-mt-lg{margin-top:var(--space-lg)}.u-mb-sm{margin-bottom:var(--space-xs)}.u-text-left{text-align:left}.u-text-center{text-align:center}.u-text-right{text-align:right}.u-font-bold{font-weight:var(--font-weight-bold)}.u-underline{text-decoration:underline}.u-font-sm{font-size:var(--font-size-sm)}.u-highlight{outline:var(--border-width-thick) solid var(--color-primary)}.u-modal-section-full{grid-column:1 / -1}@media (max-width: 40rem){.u-filter-row,.toolbar,.toolbar .actions{flex-direction:column;align-items:stretch}.u-min-w-220,.u-min-w-240,.u-min-w-160,.u-min-w-140,.u-max-w-220,.u-max-w-240,.u-max-w-200,.u-max-w-160{min-width:0;max-width:100%}}