:root {
 color-scheme:light;--color-background:#0F4C81;--color-module:#1E3A5F;--color-menu:#F59E0B;--color-page:#FFFFFF;--color-text:#172033;--color-focus:#8DD7FF;--color-border:#CBD5E1;
 --button-save:#198754;--button-update:#0D6EFD;--button-delete:#DC3545;--button-info:#0DCAF0;--button-warning:#F59E0B;--button-neutral:#6C757D;--button-purple:#6F42C1;--button-dark:#343A40;--button-dark-red:#991B1B;--button-dark-green:#146C43;
 --button-height-small:2rem;--button-height-normal:2.5rem;--button-height-large:3rem;--button-radius:.375rem;--focus-ring:0 0 0 .2rem rgba(141,215,255,.7)
}
body{background:var(--color-background);color:var(--color-text)}
.ui-module-label{color:var(--color-module);font-weight:700;}.ui-menu-label{color:var(--color-menu);font-weight:600}.ui-page-label{color:var(--color-page);font-weight:400}
.btn{align-items:center;border:1px solid transparent;border-radius:var(--button-radius);cursor:pointer;display:inline-flex;font:inherit;font-weight:600;gap:.45rem;height:var(--button-height-normal);justify-content:center;padding:0 1rem;text-decoration:none;transition:filter 140ms ease,box-shadow 140ms ease,opacity 140ms ease;white-space:nowrap}
.btn:hover:not(:disabled):not([aria-disabled="true"]){filter:brightness(.9)}.btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;box-shadow:var(--focus-ring)}.btn:disabled,.btn[aria-disabled="true"]{cursor:not-allowed;opacity:.5;pointer-events:none}.btn[aria-busy="true"]{cursor:wait;opacity:.75;pointer-events:none}.btn[aria-busy="true"] .btn-icon{animation:ui-spin 900ms linear infinite}
.btn-small{height:var(--button-height-small);padding:0 .7rem;font-size:.875rem}.btn-large{height:var(--button-height-large);padding:0 1.25rem;font-size:1.0625rem}.btn-icon{align-items:center;display:inline-flex;justify-content:center;min-width:1em}
.btn-save,.btn-add,.btn-activate,.btn-show,.btn-approve,.btn-finish{background:var(--button-save);color:#FFF}.btn-update,.btn-edit,.btn-search,.btn-send-forward,.btn-send,.btn-next{background:var(--button-update);color:#FFF}.btn-delete,.btn-reject{background:var(--button-delete);color:#FFF}.btn-view,.btn-detail,.btn-refresh,.btn-copy,.btn-attach{background:var(--button-info);color:#082F49}.btn-filter,.btn-move,.btn-import,.btn-authorize{background:var(--button-purple);color:#FFF}.btn-clear,.btn-up,.btn-down,.btn-back,.btn-cancel{background:var(--button-neutral);color:#FFF}.btn-deactivate,.btn-hide,.btn-send-back,.btn-reset-password{background:var(--button-warning);color:#1F2937}.btn-print,.btn-history,.btn-close{background:var(--button-dark);color:#FFF}.btn-pdf,.btn-lock{background:var(--button-dark-red);color:#FFF}.btn-excel,.btn-export,.btn-unlock{background:var(--button-dark-green);color:#FFF}
.ui-toast{border:1px solid var(--color-border);border-left-width:.35rem;border-radius:var(--button-radius);padding:.8rem 1rem}.ui-toast-success{background:#E8F5EE;border-left-color:var(--button-save)}.ui-toast-info{background:#E6F7FC;border-left-color:var(--button-info)}.ui-toast-warning{background:#FFF5DD;border-left-color:var(--button-warning)}.ui-toast-error{background:#FCEBEC;border-left-color:var(--button-delete)}.ui-field-error{color:var(--button-delete);display:block;font-size:.875rem;margin-top:.25rem}.ui-field[aria-invalid="true"]{border-color:var(--button-delete)}
.ui-modal-backdrop{align-items:center;background:rgba(15,23,42,.65);display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.ui-modal{background:#FFF;border-radius:var(--button-radius);box-shadow:0 1rem 3rem rgba(0,0,0,.28);color:var(--color-text);max-height:90vh;max-width:42rem;overflow:auto;padding:1.25rem;width:calc(100% - 2rem)}.ui-modal-actions,.ui-table-actions,.ui-bulk-actions{display:flex;flex-wrap:wrap;gap:.5rem}.ui-bulk-actions{align-items:center;background:#FFF;border:1px solid var(--color-border);border-radius:var(--button-radius);padding:.75rem}
@keyframes ui-spin{to{transform:rotate(360deg)}}@media(max-width:48rem){.btn{max-width:100%}.ui-bulk-actions,.ui-modal-actions{align-items:stretch;flex-direction:column}}@media(prefers-reduced-motion:reduce){.btn{transition:none}.btn[aria-busy="true"] .btn-icon{animation:none}}

.ui-system-label{color:var(--color-system,#35D0E8);font-weight:900;text-transform:uppercase}