.brand-mark[data-v-39663fd9]{display:inline-flex;align-items:center;gap:12px;min-width:0}.brand-logo[data-v-39663fd9]{width:44px;height:44px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px #e2b85e59,0 6px 18px #0009;flex:none}.brand-text[data-v-39663fd9]{display:flex;flex-direction:column;min-width:0}.brand-name[data-v-39663fd9]{font-family:var(--font-head);font-size:16px;font-weight:600;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--gold-metal);-webkit-background-clip:text;background-clip:text;color:transparent}.brand-sub[data-v-39663fd9]{font-family:var(--font-latin);font-size:9.5px;letter-spacing:.2em;color:var(--text-subtle);margin-top:3px;white-space:nowrap}.login[data-v-3cd89b4f]{position:relative;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px 16px;background:#070605;overflow:hidden}.login[data-v-3cd89b4f]:before,.login[data-v-3cd89b4f]:after{content:"";position:absolute;pointer-events:none;transform:rotate(-32deg)}.login[data-v-3cd89b4f]:before{width:80vmax;height:24vmax;top:-4vmax;left:-26vmax;background:repeating-linear-gradient(90deg,rgba(226,184,94,.18) 0 2px,transparent 2px 9px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%,transparent);mask-image:linear-gradient(90deg,transparent,#000 40%,transparent)}.login[data-v-3cd89b4f]:after{width:80vmax;height:28vmax;bottom:-6vmax;right:-28vmax;background:repeating-linear-gradient(90deg,rgba(208,24,31,.34) 0 3px,transparent 3px 10px);-webkit-mask-image:linear-gradient(90deg,transparent,#000 60%,transparent);mask-image:linear-gradient(90deg,transparent,#000 60%,transparent)}.form[data-v-3cd89b4f]{position:relative;z-index:1;width:min(410px,100%);padding:30px 28px 26px;border-radius:var(--radius);text-align:center;background:linear-gradient(#16120fe6,#0c0a09f0);border:1px solid var(--line-strong);box-shadow:0 30px 70px -20px #000}.form[data-v-3cd89b4f]:before{content:"";position:absolute;top:-1px;left:18px;right:18px;height:2px;background:var(--gold-metal)}.logo[data-v-3cd89b4f]{width:116px;height:116px;border-radius:50%;object-fit:cover;box-shadow:0 0 34px #e2b85e2e}h1[data-v-3cd89b4f]{margin:10px 0 0;font-size:24px;font-weight:600;background:var(--gold-metal);-webkit-background-clip:text;background-clip:text;color:transparent}.sub[data-v-3cd89b4f]{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:4px;font-family:var(--font-latin);font-size:11px;letter-spacing:.22em;color:var(--primary)}.sub[data-v-3cd89b4f]:before,.sub[data-v-3cd89b4f]:after{content:"";width:22px;height:1px;background:var(--line-strong)}.lede[data-v-3cd89b4f]{margin:16px 0 22px;font-size:14px}.field[data-v-3cd89b4f]{text-align:left}.pw[data-v-3cd89b4f]{position:relative}.pw .input[data-v-3cd89b4f]{height:44px;padding:0 44px 0 40px}.pw-icon[data-v-3cd89b4f]{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:var(--muted);pointer-events:none}.pw-toggle[data-v-3cd89b4f]{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;background:none;border-radius:8px;color:var(--muted);cursor:pointer;display:grid;place-items:center}.pw-toggle[data-v-3cd89b4f]:hover{color:var(--text);background:var(--soft)}.pw-toggle[data-v-3cd89b4f]:focus-visible,.submit[data-v-3cd89b4f]:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.pw-toggle svg[data-v-3cd89b4f]{width:18px;height:18px}.error[data-v-3cd89b4f]{display:flex;gap:8px;align-items:flex-start;margin:-4px 0 16px;padding:10px 12px;text-align:left;background:var(--danger-soft);color:var(--danger);border-radius:var(--radius-sm);font-size:13.5px}.error svg[data-v-3cd89b4f]{width:17px;height:17px;flex:none;margin-top:2px}.submit[data-v-3cd89b4f]{width:100%;height:46px;font-size:15px}.forgot[data-v-3cd89b4f]{margin:18px 0 0;font-size:12px;color:var(--text-subtle);line-height:1.6;text-align:left}.forgot code[data-v-3cd89b4f]{background:var(--soft);border:1px solid var(--line);border-radius:6px;padding:0 4px;font-size:11.5px}html:root{--primary: #cf9f42;--primary-rgb: 207, 159, 66;--primary-2-rgb: 226, 184, 94;--primary-fill-hover: #e2b85e;--primary-hover-top: #f2d38a;--primary-3: #b8862f;--on-primary: #0d0b0a;--accent: #d0181f;--chart: #cf9f42;--tint-rgb: 226, 184, 94;--shadow-rgb: 0, 0, 0;--ink-rgb: 0, 0, 0;--glow-1: rgba(226, 184, 94, .09);--glow-2: rgba(208, 24, 31, .1);--glow-3: rgba(208, 24, 31, .06);--placeholder: #8e826c;--primary-fill: var(--primary);--primary-soft: rgba(var(--primary-2-rgb), .12);--primary-soft-2: rgba(var(--primary-2-rgb), .2);--primary-ring: rgba(var(--primary-2-rgb), .25);--primary-border: rgba(var(--primary-2-rgb), .45);--bg: #0d0b0a;--surface-rgb: 20, 17, 15;--raise: #26201a;--edge: rgba(255, 255, 255, .04);--card: rgba(20, 17, 15, .78);--card-solid: #14110f;--text: #f3ead8;--text-2: #d9cfbd;--muted: #c4b79c;--line: rgba(var(--tint-rgb), .12);--line-strong: rgba(var(--tint-rgb), .2);--soft: rgba(38, 32, 26, .6);--hover: #26201a;--success: #5fd38a;--success-soft: rgba(52, 199, 123, .14);--warning: #f1b84c;--warning-soft: rgba(242, 193, 78, .14);--info: #9db4ff;--info-soft: rgba(80, 140, 255, .15);--danger: #ff6b6b;--danger-soft: rgba(230, 60, 60, .16);--neutral: #c4b79c;--neutral-soft: rgba(var(--tint-rgb), .08);--glass-blur: blur(18px) saturate(140%);--glass-border: rgba(226, 184, 94, .12);--glass-edge: inset 0 1px 0 rgba(255, 255, 255, .04);--radius: 14px;--radius-sm: 10px;--shadow: 0 2px 10px -2px rgba(0, 0, 0, .6);--shadow-lg: 0 14px 34px -8px rgba(0, 0, 0, .8);--sidebar-w: 256px;--header-h: 68px;--font: "IBM Plex Sans Thai", "Noto Sans Thai", "Leelawadee UI", Tahoma, system-ui, sans-serif;--font-head: "Prompt", "IBM Plex Sans Thai", sans-serif;--font-latin: "Cinzel", "Prompt", serif;--text-subtle: #8e826c;--gold-metal: linear-gradient(135deg, #f7df9a 0%, #e2b85e 28%, #b8862f 55%, #f0cf7f 78%, #9a6d22 100%);color-scheme:dark}html .btn{border-radius:var(--radius-sm)}html .btn-primary{background:var(--gold-metal);background-size:180% 180%;border-color:#f7df9a99;color:#1a1206;font-weight:600;box-shadow:0 6px 18px -8px #e2b85eb3,inset 0 1px #ffffff73;transition:background-position .4s,box-shadow .2s}html .btn-primary:hover{background:var(--gold-metal);background-size:180% 180%;background-position:100%;border-color:#f7df9ad9}html .sidebar{top:0;bottom:0;left:0;width:var(--sidebar-w);border-radius:0;border-width:0 1px 0 0;background:linear-gradient(#14110ff5,#0a0908fa);box-shadow:none}html .sidebar .logo{height:76px;padding:0 16px;border-bottom:1px solid var(--line);margin-bottom:6px}html .nav-item{border-radius:var(--radius-sm)}html .nav-item .pill{background:#d0181f;color:#fff}html .header{top:0;margin:0;border-radius:0;border-width:0 0 1px;background:#0d0b0ad1;box-shadow:none}@media(min-width:1025px){html .header{padding:0 24px}html .content{padding:24px}}html .card{background:linear-gradient(#1c1814eb,#120f0df0);box-shadow:0 18px 40px -24px #000c}h1,h2,h3,h4{font-family:var(--font-head)}.layout{min-height:100vh}.sidebar{position:fixed;top:12px;bottom:12px;left:12px;width:calc(var(--sidebar-w) - 12px);border-radius:24px;background:rgba(var(--surface-rgb),.55);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-edge),var(--shadow);display:flex;flex-direction:column;z-index:40;transition:transform .25s ease}.sidebar .logo{height:64px;display:flex;align-items:center;gap:10px;padding:0 20px}.logo-mark{width:36px;height:36px;border-radius:11px;color:var(--on-primary);display:grid;place-items:center;background:linear-gradient(160deg,var(--accent),var(--primary-fill));box-shadow:inset 0 1px rgba(var(--surface-rgb),.35),0 6px 14px rgba(var(--primary-rgb),.3)}.logo-mark svg{width:19px;height:19px}.nav{flex:1;overflow-y:auto;padding:6px 12px 14px}.nav-group{font-size:12px;font-weight:600;color:var(--muted);padding:16px 12px 6px}.nav-item{display:flex;align-items:center;gap:12px;height:44px;padding:0 14px;border-radius:14px;color:var(--text-2);font-weight:500;margin-bottom:3px;border:1px solid transparent;transition:background .15s,color .15s,border-color .15s}.nav-item svg{width:19px;height:19px;flex:none;color:var(--muted);transition:color .15s}.nav-item:hover{background:var(--soft);color:var(--text)}.nav-item.router-link-exact-active{background:var(--raise);border-color:var(--primary-border);color:var(--primary);font-weight:600;box-shadow:0 4px 14px rgba(var(--primary-rgb),.14),inset 0 1px 0 var(--edge)}.nav-item.router-link-exact-active svg{color:var(--primary)}.nav-item .pill{margin-left:auto;background:var(--primary-fill);color:var(--on-primary);border-radius:99px;font-size:11.5px;padding:0 8px;line-height:20px;font-variant-numeric:tabular-nums}.sidebar-foot{padding:10px 12px 12px;border-top:1px solid var(--line)}.main{margin-left:var(--sidebar-w);min-height:100vh;display:flex;flex-direction:column}.header{position:sticky;top:12px;z-index:30;height:var(--header-h);margin:12px 16px 0;border-radius:22px;background:rgba(var(--surface-rgb),.55);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-edge),var(--shadow);display:flex;align-items:center;gap:14px;padding:0 16px 0 24px}.header .menu-btn{display:none}.header-title{flex:1;min-width:0}.header-title h1{font-size:18px;line-height:1.2}.crumbs{font-size:12.5px;color:var(--muted)}.crumbs a{color:var(--muted)}.oa-select{width:auto;min-width:170px;max-width:220px;border-radius:999px}.profile{display:flex;align-items:center;gap:10px;padding-left:14px;border-left:1px solid var(--line)}.profile .avatar{background:linear-gradient(160deg,var(--accent),var(--primary-fill));color:var(--on-primary)}.profile b{display:block;font-size:13.5px;line-height:1.2}.profile small{color:var(--muted);font-size:12px}.content{padding:24px 16px 32px;flex:1;width:100%;max-width:1440px}.page-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:flex-end;margin-bottom:20px}.backdrop{position:fixed;inset:0;background:rgba(var(--ink-rgb),.25);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:35}.toasts{position:fixed;right:20px;bottom:20px;z-index:100;display:flex;flex-direction:column;gap:8px;max-width:min(420px,calc(100vw - 32px))}.toast{display:flex;gap:10px;align-items:flex-start;padding:12px 16px;border-radius:16px;font-size:14px;background:rgba(var(--surface-rgb),.85);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-edge),var(--shadow-lg)}.toast svg{width:18px;height:18px;flex:none;margin-top:2px;color:var(--success)}.toast.error{border-color:#c628284d}.toast.error svg{color:var(--danger)}.toast-enter-active,.toast-leave-active{transition:all .2s ease}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(8px)}@media(max-width:1024px){.sidebar{transform:translate(calc(-100% - 16px));box-shadow:var(--glass-edge),var(--shadow-lg);background:rgba(var(--surface-rgb),.88)}.sidebar.open{transform:none}.main{margin-left:0}.header{margin:10px 10px 0;padding:0 12px;top:10px}.header .menu-btn{display:inline-flex}.content{padding:18px 10px 28px}.profile{display:none}}@media(max-width:560px){.crumbs{display:none}.oa-select{min-width:0;max-width:140px}}@media(prefers-reduced-motion:reduce){.sidebar,.toast-enter-active,.toast-leave-active{transition:none}}