:root{--primary-color: #22577a;--secondary-color: #57cc99;--fourth-color: #ff6769;--light-primary-color: color-mix(in srgb, var(--primary-color) 6%, #fff);--primary-soft: color-mix(in srgb, var(--primary-color) 10%, #fff);--primary-hover: color-mix(in srgb, var(--primary-color) 85%, #000);--page-bg: #f4f6fa;--surface: #ffffff;--border: #e5e8ee;--text: #111827;--text-muted: #4b5563;--text-dim: #9ca3af;--danger: #dc2626;--radius: 10px;--radius-lg: 14px;--shadow-xs: 0 1px 2px rgb(16 24 40 / .05);--shadow-sm: 0 1px 3px rgb(16 24 40 / .06), 0 1px 2px rgb(16 24 40 / .04);--shadow-md: 0 12px 24px -8px rgb(16 24 40 / .14), 0 4px 8px -4px rgb(16 24 40 / .06);--ring: 0 0 0 3px color-mix(in srgb, var(--primary-color) 20%, transparent);--sidebar-width: 19rem;--sidebar-collapsed: 4rem;font-family:Kantumruy Pro,system-ui,sans-serif;color:var(--text);background:var(--page-bg)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--page-bg);line-height:1.5}a{color:inherit}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;color:inherit}:where(input:not([type=checkbox],[type=radio],[type=hidden],[type=file],[type=range]),textarea){border:1px solid var(--border);border-radius:var(--radius);background:#fff;transition:border-color .15s,box-shadow .15s}:where(input,textarea):hover:not(:disabled,:focus){border-color:color-mix(in srgb,var(--primary-color) 35%,var(--border))}:where(input,textarea):focus{outline:none;border-color:var(--primary-color);box-shadow:var(--ring)}:where(input[type=checkbox],input[type=radio]){accent-color:var(--primary-color)}::placeholder{color:var(--text-dim)}:where(a,button,[role=tab],summary):focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:6px}::selection{background:color-mix(in srgb,var(--primary-color) 22%,transparent)}*{scrollbar-width:thin;scrollbar-color:#cfd5de transparent}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--primary-color);color:#fff;border:1px solid var(--primary-color);border-radius:var(--radius);padding:.5rem 1.1rem;box-shadow:var(--shadow-xs);font-weight:500;transition:background .15s,border-color .15s,transform .1s}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-primary:disabled{opacity:.7;cursor:progress}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}:where(dialog){border:0;border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}:where(dialog)::backdrop{background:#0f172a73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}:where(dialog[open]){animation:dialog-in .16s ease-out}@keyframes dialog-in{0%{opacity:0;transform:translateY(6px) scale(.98)}}@media(prefers-reduced-motion:reduce){:where(dialog[open]){animation:none}}:is(.empty,.empty-state)>svg.icon:first-child{box-sizing:content-box;width:2rem;height:2rem;padding:1rem;margin-bottom:.25rem;border-radius:999px;background:var(--primary-soft);color:var(--primary-color);stroke-width:1.6}