:root[data-theme=dark]{--bg:#050308;--bg-elevated:#0b090f;--surface:#121018;--text:#e8e4dc;--text-muted:#8f8878;--heading:#fff9f0;--accent:#d4af37;--accent-bright:#ffe082;--accent-deep:#8b7318;--accent-dim:#ffd67829;--accent-glow:#ffe08261;--border:#d4af3747;--code-bg:#08060c;--icon-btn-bg:#ffd6781f;--icon-btn-hover:#ffe6a029;--page-bg:radial-gradient(ellipse 100% 70% at 50% -25%, #78501e59 0%, transparent 55%), radial-gradient(ellipse 60% 45% at 110% 20%, #5a3c781f 0%, transparent 50%), radial-gradient(ellipse 50% 40% at -10% 60%, #d4af371f 0%, transparent 50%), radial-gradient(ellipse 80% 55% at 50% 120%, #281e1480 0%, transparent 45%), linear-gradient(180deg, #0c0a12 0%, #050308 35%, #030204 100%);--gold-foil:linear-gradient(115deg, #7a6318 0%, #c9a227 14%, #e8c547 28%, #fff4c4 42%, #fff59d 50%, #f0d060 56%, #d4af37 68%, #a67c0a 86%, #5c4208 100%);--gold-foil-soft:linear-gradient(125deg, #b8941f 0%, #e4c04a 28%, #fff8e1 48%, #ffe566 55%, #d4af37 72%, #9a7b0f 100%);--gold-shine:linear-gradient(90deg, #fff5c800 0%, #ffeba038 42%, #fffcdc61 50%, #ffeba038 58%, #fff5c800 100%)}:root[data-theme=light]{--bg:#f4f4f5;--bg-elevated:#fafafa;--surface:#fff;--text:#27272a;--text-muted:#71717a;--heading:#18181b;--accent:#a16207;--accent-bright:#ca8a04;--accent-deep:#713f12;--accent-dim:#a162071a;--accent-glow:#eab30852;--border:#00000014;--code-bg:#f4f4f5;--icon-btn-bg:#0000000d;--icon-btn-hover:#00000012;--page-bg:linear-gradient(180deg, #fafafa 0%, #f4f4f5 55%, #ececee 100%);--shadow-sm:0 1px 0 #ffffffeb inset, 0 1px 2px #0f172a0d, 0 4px 14px #0f172a0d;--shadow-md:0 1px 0 #ffffffe0 inset, 0 2px 4px #0f172a0a, 0 12px 32px #0f172a14;--shadow-lg:0 1px 0 #ffffffd9 inset, 0 8px 24px #0f172a1a;--shadow-ring:0 0 0 1px #0000000f;--gold-foil:linear-gradient(115deg, #9a7b0f 0%, #d4af37 18%, #e8d060 34%, #fff9e0 46%, #fff3a8 52%, #f0d060 60%, #c9a227 74%, #a67c0a 92%, #6b5420 100%);--gold-foil-soft:linear-gradient(125deg, #c9a227 0%, #e4c04a 32%, #fffce8 48%, #ffe566 54%, #d4af37 68%, #9a7b0f 100%);--gold-shine:linear-gradient(90deg, #fff0 0%, #ffffff8c 50%, #fff0 100%);background-attachment:scroll}:root{color:var(--text);background:var(--page-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;font-family:IBM Plex Sans Thai,Noto Sans Lao,Noto Sans Myanmar,Outfit,system-ui,sans-serif;font-size:16px;line-height:1.6}*,:before,:after{box-sizing:border-box}body{background:0 0;min-height:100svh;margin:0}#root{min-height:100svh}.dash{grid-template-columns:minmax(0,260px) 1fr;min-height:100svh;display:grid}@media (width<=900px){.dash{grid-template-rows:auto 1fr;grid-template-columns:1fr}.dash__sidebar{z-index:20;border-bottom:1px solid var(--border);position:sticky;top:0;border-right:none!important}}.dash__sidebar{background:linear-gradient(180deg, color-mix(in srgb, var(--bg-elevated) 94%, transparent) 0%, color-mix(in srgb, var(--bg) 92%, transparent) 100%);border-right:1px solid var(--border);flex-direction:column;gap:1.5rem;padding:1.25rem 1rem;display:flex;box-shadow:4px 0 32px #00000026}:root[data-theme=light] .dash__sidebar{background:color-mix(in srgb, var(--surface) 96%, var(--bg));box-shadow:1px 0 #0000000f}.dash__brand{color:var(--heading);align-items:center;gap:.65rem;padding:.15rem .35rem;text-decoration:none;display:flex}.dash__brand-mark{background:var(--gold-foil);width:32px;height:32px;box-shadow:0 0 24px var(--accent-glow), inset 0 1px 0 #fff5c859, inset 0 -1px 0 #00000059;border-radius:10px;flex-shrink:0}.dash__brand-text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.dash__brand-name{font-family:Outfit,system-ui,sans-serif;font-size:1.05rem;font-weight:700;line-height:1.2}.dash__brand-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-bright);font-size:.68rem;font-weight:600}.dash__nav{flex-direction:column;gap:.35rem;display:flex}.dash__nav-link{color:var(--text-muted);border:1px solid #0000;border-radius:12px;align-items:center;gap:.65rem;padding:.65rem .85rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:flex}.dash__nav-link:hover{color:var(--heading);background:var(--accent-dim)}.dash__nav-link.is-active{color:var(--heading);background:color-mix(in srgb, var(--accent-bright) 10%, var(--surface));border-color:color-mix(in srgb, var(--accent-bright) 35%, var(--border))}.dash__nav-icon{opacity:.9;flex-shrink:0;width:20px;height:20px}.dash__main{flex-direction:column;min-width:0;min-height:100svh;display:flex}.dash__header{z-index:10;background:linear-gradient(180deg, color-mix(in srgb, var(--bg-elevated) 92%, transparent) 0%, color-mix(in srgb, var(--bg) 88%, transparent) 100%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem clamp(1rem,3vw,1.75rem);display:flex;position:sticky;top:0}:root[data-theme=light] .dash__header{background:#ffffffd9}.dash__header-title{color:var(--heading);margin:0;font-family:Outfit,system-ui,sans-serif;font-size:clamp(1.15rem,2.5vw,1.45rem);font-weight:700}.dash__header-sub{color:var(--text-muted);margin:.2rem 0 0;font-size:.9rem}.dash__header-actions{align-items:center;gap:.5rem;display:flex}.dash__content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:clamp(1rem,2.5vw,1.75rem)}.icon-btn{border:1px solid var(--border);background:var(--icon-btn-bg);width:40px;height:40px;color:var(--accent);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:0;transition:background .2s,border-color .2s,color .2s;display:inline-flex}.icon-btn:hover{background:var(--icon-btn-hover);border-color:color-mix(in srgb, var(--accent) 45%, var(--border))}.icon-btn:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}.icon-svg{width:20px;height:20px}.lang-dropdown__select{letter-spacing:.02em;min-width:5.75rem;color:var(--heading);background-color:var(--icon-btn-bg);border:1px solid var(--border);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8.5 1.5 3h9z'/%3E%3C/svg%3E");background-position:right .55rem center;background-repeat:no-repeat;background-size:.65rem;border-radius:10px;margin:0;padding:.45rem 1.75rem .45rem .55rem;font-family:inherit;font-size:.875rem;font-weight:600;line-height:1.35}.lang-dropdown__select:focus-visible{outline:2px solid var(--accent-bright);outline-offset:2px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.stat-card{border:1px solid color-mix(in srgb, var(--accent-bright) 22%, transparent);background:var(--surface);border-radius:14px;padding:1.1rem 1.15rem;box-shadow:0 8px 28px #0000002e}:root[data-theme=light] .stat-card{box-shadow:var(--shadow-sm,0 1px 3px #0000000f);border-color:#00000012}.stat-card__label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);margin:0 0 .35rem;font-size:.78rem;font-weight:600}.stat-card__value{color:var(--accent-bright);margin:0;font-family:Outfit,system-ui,sans-serif;font-size:1.65rem;font-weight:700;line-height:1.1}.panel{border:1px solid color-mix(in srgb, var(--accent-bright) 18%, transparent);background:color-mix(in srgb, var(--surface) 96%, var(--bg));border-radius:14px;overflow:hidden;box-shadow:0 8px 32px #0000001f}:root[data-theme=light] .panel{border-color:#00000012}.panel__head{border-bottom:1px solid var(--border);color:var(--heading);padding:.85rem 1.15rem;font-family:Outfit,system-ui,sans-serif;font-size:1rem;font-weight:600}.data-table{border-collapse:collapse;width:100%;font-size:.9rem}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border);padding:.65rem 1rem}.data-table th{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);background:color-mix(in srgb, var(--bg) 50%, transparent);font-size:.72rem;font-weight:700}.data-table tr:last-child td{border-bottom:none}.status-badge{letter-spacing:.06em;text-transform:uppercase;vertical-align:middle;border:1px solid #0000;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .7rem .3rem .55rem;font-family:Outfit,system-ui,sans-serif;font-size:.7rem;font-weight:650;line-height:1.2;display:inline-flex}.status-badge:before{content:"";border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-badge--success{color:#a7f3d0;background:linear-gradient(165deg,#10b98138 0%,#0596691f 100%);border-color:#34d3996b;box-shadow:0 0 0 1px #6ee7b71f,inset 0 1px #ffffff12}.status-badge--success:before{background:#34d399;box-shadow:0 0 10px #34d3998c}.status-badge--warning{color:#fde68a;background:linear-gradient(165deg,#f59e0b3d 0%,#d9770624 100%);border-color:#fbbf2473;box-shadow:0 0 0 1px #fcd34d24,inset 0 1px #ffffff0f}.status-badge--warning:before{background:#fbbf24;box-shadow:0 0 10px #fbbf2480}.status-badge--error{color:#fecaca;background:linear-gradient(165deg,#ef444438 0%,#b91c1c1f 100%);border-color:#f8717161;box-shadow:0 0 0 1px #fca5a51f,inset 0 1px #ffffff0f}.status-badge--error:before{background:#f87171;box-shadow:0 0 10px #f8717173}.status-badge--neutral{color:var(--text-muted);background:color-mix(in srgb, var(--surface) 88%, var(--bg));border-color:color-mix(in srgb, var(--text-muted) 28%, transparent);box-shadow:inset 0 1px #ffffff0a}.status-badge--neutral:before{background:var(--text-muted);opacity:.85}:root[data-theme=light] .status-badge--success{color:#047857;background:linear-gradient(165deg,#ecfdf5 0%,#d1fae5 100%);border-color:#10b98159;box-shadow:0 1px 2px #05966914}:root[data-theme=light] .status-badge--success:before{box-shadow:none;background:#10b981}:root[data-theme=light] .status-badge--warning{color:#b45309;background:linear-gradient(165deg,#fffbeb 0%,#fef3c7 100%);border-color:#f59e0b66;box-shadow:0 1px 2px #b4530914}:root[data-theme=light] .status-badge--warning:before{box-shadow:none;background:#f59e0b}:root[data-theme=light] .status-badge--error{color:#b91c1c;background:linear-gradient(165deg,#fef2f2 0%,#fee2e2 100%);border-color:#ef444459;box-shadow:0 1px 2px #b91c1c0f}:root[data-theme=light] .status-badge--error:before{box-shadow:none;background:#ef4444}:root[data-theme=light] .status-badge--neutral{color:#52525b;background:#f4f4f5;border-color:#00000014}.page-block{margin-bottom:1.5rem}.page-block__placeholder{text-align:center;color:var(--text-muted);margin:0;padding:2rem 1.25rem;font-size:.95rem;line-height:1.55}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:.75rem 1.35rem;font-family:inherit;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,color .2s,box-shadow .2s,filter .2s;display:inline-flex}.btn--sm{white-space:nowrap;padding:.45rem 1rem;font-size:.875rem}.btn--gold{background:var(--gold-foil);color:#1a0f00;text-shadow:0 1px #ffffff40;box-shadow:0 4px 20px var(--accent-glow), 0 1px 0 #fff0c859 inset, 0 -1px 0 #00000040 inset;position:relative;overflow:hidden}.btn--gold:before{content:"";background:var(--gold-shine);opacity:.5;pointer-events:none;position:absolute;inset:0}.btn--gold:hover{filter:brightness(1.08)saturate(1.05);box-shadow:0 6px 28px var(--accent-glow), 0 1px 0 #fff0c873 inset, 0 -1px 0 #0003 inset}.btn--outline{border-color:var(--border);color:var(--heading);background:0 0}.btn--outline:hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--border));background:var(--accent-dim)}.dash__logout{max-width:100%}.login-page{flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:1.25rem;display:flex;position:relative}.login-page__toolbar{align-items:center;gap:.5rem;display:flex;position:absolute;top:1rem;right:1rem}.login-page__card{background:linear-gradient(165deg, color-mix(in srgb, var(--surface) 96%, #141018), var(--bg-elevated)) padding-box, linear-gradient(135deg, color-mix(in srgb, var(--accent-bright) 35%, transparent), color-mix(in srgb, var(--accent-deep) 45%, transparent), color-mix(in srgb, var(--accent-bright) 28%, transparent)) border-box;background-clip:padding-box,border-box;border:1px solid #0000;border-radius:18px;width:100%;max-width:400px;padding:1.75rem 1.5rem 1.5rem;box-shadow:0 24px 64px #00000073,inset 0 0 0 1px #fff0c80a}:root[data-theme=light] .login-page__card{box-shadow:var(--shadow-lg,0 12px 40px #0f172a1f);background:linear-gradient(165deg,#fff 0%,#fafafa 100%) padding-box padding-box,linear-gradient(135deg,#0000001a,#0000000a) border-box}.login-page__brand{align-items:center;gap:.75rem;margin-bottom:1.25rem;display:flex}.login-page__mark{background:var(--gold-foil);width:40px;height:40px;box-shadow:0 0 28px var(--accent-glow), inset 0 1px 0 #fff5c859, inset 0 -1px 0 #0006;border-radius:12px;flex-shrink:0}.login-page__brand-name{color:var(--heading);margin:0;font-family:Outfit,system-ui,sans-serif;font-size:1.1rem;font-weight:700}.login-page__brand-badge{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-bright);margin:.15rem 0 0;font-size:.72rem;font-weight:600}.login-page__title{color:var(--heading);text-align:center;margin:0 0 1.25rem;font-family:Outfit,system-ui,sans-serif;font-size:1.35rem;font-weight:600}.login-page__form{flex-direction:column;gap:1rem;display:flex}.login-page__field{text-align:left;color:var(--text-muted);flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:500;display:flex}.login-page__field input{border:1px solid var(--border);color:var(--heading);background:color-mix(in srgb, var(--bg) 90%, var(--surface));border-radius:10px;padding:.65rem .85rem;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.login-page__field input:focus{border-color:color-mix(in srgb, var(--accent-bright) 45%, var(--border));box-shadow:0 0 0 3px var(--accent-dim);outline:none}.login-page__error{text-align:center;color:#f87171;margin:0;font-size:.875rem}.login-page__submit{justify-content:center;width:100%;margin-top:.25rem}