@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Prompt:wght@400;500;600;700;800&display=swap");:root{--te-primary:#0a3a72;--te-primary-hover:#145ca3;--te-primary-soft:rgba(10,58,114,0.09);--te-ink:#201616;--te-ink-soft:#334155;--te-surface:#fffaf0;--te-surface-low:#f6efe2;--te-surface-high:#ffffff;--te-surface-tint:rgba(255,255,255,0.76);--te-muted:#64748b;--te-line:rgba(7,36,71,0.1);--te-warning:#ffab14;--te-danger:#ef4444;--te-success:#22c55e;--te-radius-lg:24px;--te-radius-pill:999px;--te-gold:#f7bd2f;--te-gold-strong:#ffab14;--te-red:#0a3a72;--te-shadow:0 24px 48px rgba(7,36,71,0.08);--te-gap-1:8px;--te-gap-2:16px;--te-gap-3:24px;--te-gap-4:32px;--te-gap-5:48px}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:radial-gradient(circle at top left,rgba(255,212,90,.22),transparent 28%),radial-gradient(circle at right top,rgba(10,58,114,.1),transparent 26%),linear-gradient(180deg,#fffaf0,#f6efe2);color:var(--te-ink);font-family:Prompt,Noto Sans Thai,Inter,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.te-shell{display:grid;min-height:100vh;grid-template-columns:280px 1fr}.te-sidebar{position:-webkit-sticky;position:sticky;top:0;align-self:start;padding:var(--te-gap-4) var(--te-gap-3);background:linear-gradient(180deg,#0f4b8d,#0a3a72 48%,#072447);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#f8fafc;border-right:1px solid rgba(255,212,90,.18);box-shadow:30px 0 80px rgba(0,0,0,.22);display:flex;flex-direction:column;height:100vh;overflow:hidden}.te-brand,.te-sidebar-head{display:flex;align-items:center;margin-bottom:var(--te-gap-4)}.te-sidebar-head{justify-content:space-between;gap:12px}.te-brand-logo{width:min(100%,132px);max-height:132px;aspect-ratio:1;display:block;min-width:0;object-fit:contain}.te-brand-mark{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,#ffd45a,#ffab14);color:#061b36;font-size:28px;box-shadow:var(--te-shadow)}.te-nav{display:flex;flex-direction:column;gap:10px;flex:1 1;min-height:0;overflow-y:auto;padding-right:4px}.te-nav::-webkit-scrollbar{width:6px}.te-nav::-webkit-scrollbar-thumb{background:rgba(255,212,90,.28);border-radius:999px}.te-nav a{padding:14px 18px;border-radius:18px;color:rgba(226,232,240,.92);border:1px solid transparent;font-weight:600}.te-nav a.active,.te-nav a:hover{background:linear-gradient(135deg,#ffd45a,#ffbd2e);color:#061b36;border-color:rgba(255,212,90,.64)}.te-sidebar-tools{flex:0 0 auto;display:grid;grid-gap:12px;gap:12px;margin-top:var(--te-gap-4);padding-top:var(--te-gap-3);border-top:1px solid rgba(255,212,90,.16)}.te-sidebar-tools .te-language-switcher{width:100%}.te-sidebar-tools .te-badge.warning,.te-sidebar-tools .te-language-switcher>button{width:100%;min-height:48px;justify-content:center}.te-sidebar-tools .te-badge.warning{border:1px solid rgba(255,212,90,.28);background:rgba(255,212,90,.14);color:#f8c14a;cursor:pointer}.te-sidebar-bell{position:relative;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;flex:0 0 46px;border-radius:16px;border:1px solid rgba(255,212,90,.18);background:rgba(255,255,255,.06);color:#fff8e2}.te-sidebar-bell svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.te-sidebar-bell-count{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#ef4444;color:#ffffff;font-size:12px;font-weight:800}.te-main{padding:var(--te-gap-3);display:flex;flex-direction:column;gap:var(--te-gap-3)}.te-auth-card,.te-panel,.te-topbar{background:var(--te-surface-tint);border:1px solid rgba(255,255,255,.58);border-radius:var(--te-radius-lg);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:var(--te-shadow)}.te-topbar{padding:18px 22px;display:flex;gap:var(--te-gap-2);align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:80;background:linear-gradient(180deg,#0f4b8d,#072447);border-color:rgba(255,212,90,.22);color:#fff8e2;overflow:visible}.te-topbar-left,.te-topbar-right{display:flex;align-items:center;gap:14px}.te-topbar-right{justify-content:flex-end;min-width:0}.te-topbar-logo{width:220px;height:auto;display:block}.te-topbar .te-muted{color:rgba(226,232,240,.72)}.te-topbar .te-badge.warning{background:rgba(255,212,90,.16);color:#f8c14a;border-color:rgba(255,212,90,.28)}.te-topbar .te-badge.success{background:rgba(34,197,94,.16);color:#86efac;border-color:rgba(34,197,94,.22)}.te-topbar-search{flex:1 1;max-width:440px;background:var(--te-surface-high);border-radius:999px;padding:14px 18px;color:var(--te-muted)}.te-search-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.te-password-field{position:relative}.te-password-field .te-input-field{padding-right:54px}.te-password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:0;background:transparent;cursor:pointer;color:var(--te-muted);display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;transition:background-color .16s ease,color .16s ease}.te-password-toggle:hover{color:var(--te-foreground);background:rgba(15,23,42,.06)}.te-password-toggle:focus-visible{outline:2px solid rgba(10,58,114,.28);outline-offset:2px}.te-password-toggle svg{width:18px;height:18px}.te-icon-button{width:40px;height:40px;border:1px solid rgba(100,116,139,.24);border-radius:12px;background:#ffffff;color:var(--te-ink-soft);display:inline-flex;align-items:center;justify-content:center;line-height:1;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.te-icon-button:hover{border-color:rgba(10,58,114,.28);background:var(--te-primary-soft);color:var(--te-primary)}.te-icon-button:focus-visible{outline:2px solid rgba(10,58,114,.28);outline-offset:2px}.te-icon-button:disabled{cursor:not-allowed;opacity:.56}.te-icon-button svg{width:18px;height:18px;flex:0 0 auto}.te-modal-backdrop{position:fixed;inset:0;z-index:2000;width:100vw;height:100dvh;background:rgba(15,23,42,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:24px;overflow:auto}.te-modal{width:min(100%,460px);background:#ffffff;border-radius:24px;padding:24px;box-shadow:0 24px 80px rgba(15,23,42,.2);border:1px solid rgba(226,232,240,.95);margin:auto}.te-modal-success{border-top:5px solid var(--te-success)}.te-modal-danger{border-top:5px solid var(--te-danger)}.te-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.te-modal-status{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:12px}.te-modal-status.success{background:rgba(34,197,94,.14);color:#15803d}.te-modal-status.danger{background:rgba(239,68,68,.14);color:#b91c1c}.te-modal-title{margin:0;font-size:24px;line-height:1.2}.te-modal-message{margin:16px 0 0;color:var(--te-muted);line-height:1.7}.te-modal-close{width:40px;height:40px;border:0;border-radius:999px;background:rgba(148,163,184,.14);color:var(--te-muted);cursor:pointer;font-size:26px;line-height:1}.te-modal-actions{display:flex;justify-content:flex-end;margin-top:24px}.te-page-header{display:flex;justify-content:space-between;gap:var(--te-gap-3);align-items:flex-start}.te-grid{display:grid;grid-gap:var(--te-gap-3);gap:var(--te-gap-3)}.te-grid.four,.te-grid.kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.te-grid.two{grid-template-columns:2fr 1fr}.te-grid.two-equal{grid-template-columns:repeat(2,minmax(0,1fr))}.te-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.te-grid.form-inline{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--te-gap-2)}.te-panel{padding:24px}.te-kpi-number,.te-money{font-size:clamp(28px,3vw,42px);font-weight:700;line-height:1}.te-muted{color:var(--te-muted)}.te-table{width:100%;border-collapse:separate;border-spacing:0;background:rgba(255,255,255,.96);border-radius:20px;overflow:hidden}.te-table th{text-align:left;color:var(--te-muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em;padding:16px 18px;background:rgba(236,244,255,.92);border-bottom:1px solid var(--te-line)}.te-table td{padding:18px;vertical-align:top;border-bottom:1px solid rgba(15,23,42,.08)}.te-table tbody tr:last-child td{border-bottom:0}.te-table tbody tr:hover td{background:rgba(248,250,252,.82)}.te-badge{display:inline-flex;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:600}.te-badge.success{background:rgba(34,197,94,.16);color:#14723a}.te-badge.warning{background:rgba(255,171,20,.18);color:#0a3a72}.te-badge.danger{background:rgba(239,68,68,.14);color:#b91c1c}.te-badge.neutral{background:rgba(148,163,184,.16);color:#475569}.te-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:var(--te-radius-pill);padding:14px 22px;color:#061b36;background:linear-gradient(135deg,#ffd45a,#ffab14);box-shadow:0 20px 40px rgba(255,171,20,.28);font-weight:800}.te-button:disabled{cursor:not-allowed;opacity:.72}.te-button-danger,.te-button-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--te-radius-pill);padding:12px 16px;border:1px solid var(--te-line);background:var(--te-surface-high)}.te-button-danger{color:#b91c1c;border-color:rgba(239,68,68,.2)}.te-action-row{display:flex;gap:8px;flex-wrap:wrap}.te-field-label{margin-bottom:8px;font-weight:600}.te-form-stack{display:grid;grid-gap:16px;gap:16px}.te-field-shell{display:grid;grid-gap:8px;gap:8px;min-width:0}.te-field-shell-error .te-dropdown-search,.te-field-shell-error .te-dropdown-trigger,.te-field-shell-error .te-input-field,.te-field-shell-error .te-textarea{border-color:rgba(239,68,68,.72);box-shadow:0 0 0 3px rgba(239,68,68,.1)}.te-field-error{color:#dc2626;font-size:13px;font-weight:600;line-height:1.4}.te-input-field,.te-select,.te-textarea{width:100%;border:1px solid var(--te-line);border-radius:18px;padding:14px 16px;background:var(--te-surface-high);color:var(--te-ink);box-sizing:border-box}.te-dropdown-trigger,.te-input-field,.te-select{min-height:54px}.te-dropdown-search::placeholder,.te-input-field::placeholder,.te-textarea::placeholder{color:rgba(51,65,85,.46)}.te-textarea{resize:vertical;min-height:112px}.te-input,.te-select,.te-stat-card{background:rgba(255,255,255,.76);border-radius:18px;padding:14px 18px}.te-filter-row{display:grid;grid-gap:var(--te-gap-2);gap:var(--te-gap-2);grid-template-columns:2fr 1fr 1fr}.te-list{display:flex;flex-direction:column;gap:16px}.te-item{background:rgba(255,255,255,.72);border-radius:20px;padding:18px}.te-auth-wrap{min-height:100vh;display:grid;place-items:center;padding:56px 24px 84px;background:radial-gradient(circle at top left,rgba(255,212,90,.16),transparent 22%),radial-gradient(circle at right top,rgba(10,58,114,.18),transparent 24%),linear-gradient(180deg,#061b36,#0f4b8d);color:#e2e8f0}.te-auth-card{width:min(460px,100%);padding:32px 32px 40px;border:1px solid rgba(255,212,90,.2);border-radius:28px;background:radial-gradient(circle at 50% 24%,rgba(255,255,255,.2),transparent 24%),radial-gradient(circle at 18% 12%,rgba(255,212,90,.16),transparent 26%),linear-gradient(180deg,rgba(18,82,148,.98),rgba(6,27,54,.98));color:#f8fafc;box-shadow:0 24px 48px rgba(3,10,24,.24)}.te-auth-form-stack{max-width:100%;margin-inline:auto;gap:20px}.te-auth-language-row,.te-auth-logo-row{display:flex;justify-content:center}.te-auth-language-row{justify-content:flex-end}.te-auth-logo-row{width:-moz-fit-content;width:fit-content;margin-inline:auto;padding:10px 18px 8px;border:1px solid rgba(255,255,255,.64);border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(232,240,255,.82));box-shadow:0 16px 36px rgba(3,10,24,.18)}.te-auth-logo{width:min(172px,48vw);max-height:172px;aspect-ratio:1;object-fit:contain}.te-auth-title{margin:0;color:#f8fafc;font-size:clamp(30px,5vw,38px);line-height:1.08}.te-auth-subtitle{margin:10px 0 0;color:rgba(226,232,240,.68);font-size:15px;font-weight:600;line-height:1.6}.te-auth-field{display:grid;grid-gap:10px;gap:10px}.te-auth-label{color:#f8fafc;font-size:17px;font-weight:800}.te-auth-input-wrap{position:relative;display:flex;align-items:center}.te-auth-input-wrap>svg{position:absolute;left:22px;width:24px;height:24px;color:rgba(226,232,240,.68);pointer-events:none;z-index:1}.te-auth-text-input{min-height:56px;padding-left:64px;border-color:rgba(255,212,90,.22);background:rgba(255,255,255,.04);color:#f8fafc;font-size:16px}.te-password-field .te-auth-text-input{padding-right:58px}.te-auth-text-input::placeholder{color:rgba(226,232,240,.56)}.te-auth-submit{min-height:56px;width:100%;justify-content:center;position:relative;font-size:16px;background:linear-gradient(135deg,#ffd45a,#ffab14);color:#061b36;box-shadow:0 22px 60px rgba(255,171,20,.34)}.te-auth-submit svg{position:absolute;right:28px;width:28px;height:28px}.te-auth-card .te-password-toggle{color:rgba(226,232,240,.72)}.te-auth-card .te-password-toggle:hover{color:#fff8e2;background:rgba(255,255,255,.08)}.te-auth-stack,.te-form-stack{display:flex;flex-direction:column;gap:18px}.te-auth-input{background:#e8f0ff;border-radius:18px;padding:16px 18px;color:var(--te-ink-soft)}.te-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;cursor:pointer;min-width:0}.te-dropdown-trigger.is-disabled{cursor:not-allowed;opacity:.6}.te-dropdown-value{color:var(--te-ink);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.te-dropdown-value.is-placeholder{color:rgba(51,65,85,.52)}.te-dropdown-caret{color:var(--te-ink-soft);transition:transform .16s ease;flex:0 0 auto}.te-dropdown-caret.is-open{transform:rotate(180deg)}.te-dropdown-panel{position:absolute;z-index:2600;border:1px solid var(--te-line);border-radius:18px;background:rgba(255,255,255,.98);box-shadow:0 18px 48px rgba(15,23,42,.14);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden}.te-dropdown-search-wrap{padding:10px;border-bottom:1px solid rgba(15,23,42,.08)}.te-dropdown-search{width:100%;border:1px solid var(--te-line);border-radius:14px;padding:10px 12px;background:var(--te-surface-high);color:var(--te-ink)}.te-dropdown-options{max-height:min(320px,40vh);overflow-y:auto;padding:8px}.te-dropdown-option{width:100%;border:0;background:transparent;text-align:left;border-radius:12px;padding:10px 12px;color:var(--te-ink);cursor:pointer}.te-dropdown-option.is-selected,.te-dropdown-option:hover{background:rgba(99,133,233,.12)}.te-dropdown-empty{padding:12px;color:var(--te-ink-soft)}@media (max-width:1080px){.te-shell{grid-template-columns:1fr}.te-sidebar{display:none}.te-filter-row,.te-grid.four,.te-grid.kpis,.te-grid.three,.te-grid.two{grid-template-columns:1fr}}