@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/IBMPlexSansThai-300-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/IBMPlexSansThai-300-thai.woff2) format("woff2");unicode-range:u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/IBMPlexSansThai-400-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/IBMPlexSansThai-400-thai.woff2) format("woff2");unicode-range:u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/IBMPlexSansThai-500-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/IBMPlexSansThai-500-thai.woff2) format("woff2");unicode-range:u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/IBMPlexSansThai-600-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/IBMPlexSansThai-600-thai.woff2) format("woff2");unicode-range:u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/IBMPlexSansThai-700-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/IBMPlexSansThai-700-thai.woff2) format("woff2");unicode-range:u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/IBMPlexMono-400-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/IBMPlexMono-500-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/IBMPlexMono-600-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/IBMPlexMono-700-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{--color-teal:#21bdbe;--color-teal-600:#1da8a9;--color-teal-700:#198e8f;--color-teal-100:#d3f0f0;--color-teal-050:#edf9f9;--color-orange:#f68920;--color-orange-600:#e07a1a;--color-orange-100:#fde6cf;--color-yellow:#fcbc17;--color-yellow-600:#e6a90d;--color-charcoal:#434343;--color-gray-700:#5e5e5e;--color-gray-500:#8a8a8a;--color-gray-300:#c8c8c8;--color-gray-200:#dedede;--color-offwhite:#eeedee;--color-white:#fff;--fg-1:var(--color-charcoal);--fg-2:var(--color-gray-700);--fg-3:var(--color-gray-500);--border-1:rgba(67,67,67,.12);--border-2:rgba(67,67,67,.06);--success:#2fa84f;--warning:var(--color-yellow);--danger-brand:#d14343;--font-body:"IBM Plex Sans Thai","Helvetica Neue",Arial,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;--shadow-xs:0 1px 2px rgba(67,67,67,.06);--shadow-sm:0 2px 8px rgba(67,67,67,.08);--shadow-md:0 6px 16px rgba(67,67,67,.1);--shadow-teal:0 8px 24px rgba(33,189,190,.28);--bg:#f5f6f6;--panel:var(--color-white);--border:var(--border-1);--text:var(--fg-1);--muted:var(--fg-3);--accent:var(--color-teal);--accent-hover:var(--color-teal-600);--danger:var(--danger-brand);--warn-bg:#fef3d9;--warn-text:#8a6100;--radius:8px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:14px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.app-shell{display:flex;min-height:100vh}.sidebar{width:280px;flex:0 0 280px;background:var(--panel);border-right:1px solid var(--border);padding:24px 20px;display:flex;flex-direction:column;gap:28px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.sidebar-logo{gap:12px}.logo-tile,.sidebar-logo{display:flex;align-items:center}.logo-tile{border-radius:10px;background:linear-gradient(135deg,var(--color-teal),var(--color-orange));color:#fff;font-weight:800;font-size:16px;justify-content:center}.logo-mark-img,.logo-tile{width:40px;height:40px;flex:0 0 auto}.logo-mark-img{object-fit:contain}.logo-text{display:flex;flex-direction:column;gap:1px;line-height:1.15}.logo-word{font-weight:800;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-1)}.logo-cap{font-size:11px;color:var(--fg-3)}.sidebar nav{display:flex;flex-direction:column;gap:4px;min-height:0;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;height:44px;padding:0 14px;border-radius:0 10px 10px 0;color:var(--fg-2);font-size:14px;font-weight:500;position:relative;transition:background var(--dur-base,.2s) ease,color var(--dur-base,.2s) ease}.nav-item:hover{background:var(--color-offwhite);text-decoration:none}.nav-item svg{width:20px;height:20px;flex:0 0 auto}.nav-item.active{background:var(--color-teal-050);color:var(--color-teal-700);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 3px 3px 0;background:var(--color-teal)}.sidebar .role-chip{margin-top:auto;font-size:12px;color:var(--fg-3);border-top:1px solid var(--border);padding-top:14px}.main{flex:1 1;min-width:0;padding:28px 32px;max-width:1600px}h1{font-size:22px;margin:0 0 4px}.subtle{color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;margin-bottom:18px}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:9px 12px;border-bottom:1px solid var(--border);font-size:13px}th{color:var(--muted);font-weight:600;background:var(--color-offwhite);text-transform:uppercase;letter-spacing:.04em;font-size:11px}tbody tr:hover{background:var(--bg)}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600}.badge.active{background:#e6f4ea;color:#1e7a3d}.badge.inactive{background:#f0f1f3;color:#6b7280}.badge.pending_inactive{background:var(--warn-bg);color:var(--warn-text)}.badge.review{background:#fdecea;color:var(--danger)}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:8px;background:var(--accent);color:#fff;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:background var(--dur-base,.2s) ease,box-shadow var(--dur-base,.2s) ease,transform .12s ease}.btn:hover{background:var(--accent-hover);box-shadow:var(--shadow-teal);text-decoration:none}.btn:active{transform:scale(.98)}.btn.small{padding:6px 12px;font-size:13px;border-radius:7px}.btn.ghost{background:transparent;color:var(--accent);border:1px solid var(--border);font-weight:600}.btn.ghost:hover{background:var(--color-teal-050);border-color:var(--color-teal);box-shadow:none}.btn.danger{background:transparent;color:var(--danger);border:1px solid var(--danger);font-weight:600}.btn.danger:hover{background:#fdecec;box-shadow:none}.field-grid{display:grid;grid-template-columns:180px 1fr;grid-gap:8px 16px;gap:8px 16px}.field-grid dt{color:var(--muted)}.field-grid dd{margin:0}.mask{font-family:var(--font-mono);letter-spacing:1px}.tier-locked{color:var(--muted);font-style:italic}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:14px 18px;gap:14px 18px}label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}input,select,textarea{font:inherit;font-size:14px;color:var(--text);padding:8px 10px;border:1px solid var(--border);border-radius:6px;background:#fff;width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}input:disabled,input[readonly],textarea:disabled{background:var(--bg);color:var(--muted)}.inline-check{flex-direction:row;align-items:center;gap:8px;font-size:13px;color:var(--text)}.inline-check input{width:auto}.period-row{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end;padding:12px 0;border-bottom:1px solid var(--border)}.period-row label{flex:0 0 auto}.period-row label.wide{flex:1 1 200px}.period-row input[type=date]{width:150px}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:14px;gap:14px;margin-bottom:18px}.stat-row.cols-4{grid-template-columns:repeat(4,1fr);align-items:stretch}@media (max-width:900px){.stat-row.cols-4{grid-template-columns:repeat(2,1fr)}}.stat-row.cols-4>a,.stat-row.cols-4>span{display:block;height:100%}.stat-row.cols-4 .stat{height:100%}.stat{position:relative;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px}.hint{position:absolute;top:10px;right:12px;width:18px;height:18px;line-height:18px;text-align:center;border-radius:50%;background:var(--bg);border:1px solid var(--border);color:var(--muted);font-size:11px;font-weight:700;cursor:help;-webkit-user-select:none;-moz-user-select:none;user-select:none}.hint:focus,.hint:hover{border-color:var(--accent);color:var(--accent);outline:none}.hint-pop{display:none;position:absolute;top:24px;right:-6px;z-index:30;width:260px;padding:10px 12px;background:var(--text);color:#fff;font-size:12px;font-weight:400;line-height:1.45;text-align:left;border-radius:6px;box-shadow:0 4px 14px rgba(0,0,0,.25);cursor:default}.hint:focus .hint-pop,.hint:hover .hint-pop{display:block}.stat-value{font-family:var(--font-mono);font-size:26px;font-weight:600;line-height:1.1}.stat-label{font-size:12px;color:var(--muted);margin-top:4px}.stat-sub{font-size:11px;color:var(--muted);margin-top:2px}a .stat:hover{border-color:var(--accent)}.bar-row{display:flex;align-items:center;gap:10px;margin:7px 0}.bar-label{flex:0 0 150px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-track{flex:1 1;height:14px;background:var(--bg);border-radius:4px;overflow:hidden}.bar-fill{display:block;height:100%;background:var(--accent);border-radius:4px}.bar-n{flex:0 0 40px;text-align:right;font-weight:600;font-size:13px}.pager{justify-content:space-between;margin-top:4px;flex-wrap:wrap;gap:10px}.pager,.pager-nav{display:flex;align-items:center}.pager-nav{gap:6px}.btn.ghost.small.disabled,.btn.small.disabled{opacity:.4;pointer-events:none}.centered{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:36px 40px;text-align:center;max-width:360px}