@font-face{font-family:Sarabun;font-style:normal;font-weight:300;font-display:swap;src:url(../media/58fcc4ad15255874-s.p.00ps-epex49ys.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-weight:300;font-display:swap;src:url(../media/0752d9e9446886e3-s.0-c_nutpg04i8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Sarabun;font-style:normal;font-weight:300;font-display:swap;src:url(../media/477b48776687fc32-s.0.y.-0ywm~slf.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sarabun;font-style:normal;font-weight:300;font-display:swap;src:url(../media/e12efafcac952e69-s.p.107q0ua8zr74u.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e9ed0bc71a38d6c1-s.p.0u5q39-x1eb~d.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(../media/7062a58b1da0e8a4-s.0h6tmlf7prt.t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(../media/3d0c37763e1ee3aa-s.17rv3ecy-d6ky.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sarabun;font-style:normal;font-weight:400;font-display:swap;src:url(../media/a19976a16d351e92-s.p.17crbq7ydmr5f.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sarabun;font-style:normal;font-weight:500;font-display:swap;src:url(../media/3836391c10060ce4-s.p.0wqw0038.w83i.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-weight:500;font-display:swap;src:url(../media/f35096588af3ac65-s.0ilx7o9brpvli.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Sarabun;font-style:normal;font-weight:500;font-display:swap;src:url(../media/4ef4c2244410ddd5-s.0jsv9x0osw205.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sarabun;font-style:normal;font-weight:500;font-display:swap;src:url(../media/6281857f0573b169-s.p.0sgid9t60u.kn.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(../media/a0529e96a7862c0d-s.p.14zgbrnr3xaxd.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e1a185165aeb6b39-s.16dw~sfe8o6qi.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(../media/aa5e8dae0d902b15-s.13t0-7c6_ihkv.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sarabun;font-style:normal;font-weight:600;font-display:swap;src:url(../media/22d7e241aeb09639-s.p.0_5.mx.b8ir~e.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sarabun;font-style:normal;font-weight:700;font-display:swap;src:url(../media/0bbfe7d70ca362ab-s.p.0ee1tu67pvspi.woff2)format("woff2");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Sarabun;font-style:normal;font-weight:700;font-display:swap;src:url(../media/c9e7701bc8b3db09-s.0r8lrzgpn0odm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Sarabun;font-style:normal;font-weight:700;font-display:swap;src:url(../media/fe9c9076d1cdc5cf-s.0i0199ss2.t9a.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Sarabun;font-style:normal;font-weight:700;font-display:swap;src:url(../media/bcc136e7df79ae49-s.p.14w.3508dee91.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Sarabun Fallback;src:local(Arial);ascent-override:109.45%;descent-override:23.78%;line-gap-override:0.0%;size-adjust:97.58%}.sarabun_3c36cd1-module__nStmGa__className{font-family:Sarabun,Sarabun Fallback;font-style:normal}.sarabun_3c36cd1-module__nStmGa__variable{--font-sarabun:"Sarabun", "Sarabun Fallback"}
:root{--sidebar-bg:#111827;--sidebar-text:#9ca3af;--sidebar-active-bg:#1f2937;--sidebar-active-text:#fff;--sidebar-accent:#ee4d2d;--sidebar-width:256px;--navbar-bg:#fff;--navbar-border:#e5e7eb;--content-bg:#f3f4f6;--card-bg:#fff;--card-border:#e5e7eb;--card-shadow:0 1px 3px #00000014;--card-radius:12px;--text-primary:#111827;--text-secondary:#6b7280;--text-muted:#9ca3af;--brand-primary:#ee4d2d;--brand-light:#fff1ee;--success:#22c55e;--success-bg:#f0fdf4;--warning:#f59e0b;--warning-bg:#fffbeb;--danger:#ef4444;--danger-bg:#fef2f2;--info:#3b82f6;--info-bg:#eff6ff}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--content-bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.5}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);z-index:30;flex-direction:column;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{flex-shrink:0;align-items:center;gap:12px;padding:20px 16px;display:flex}.sidebar-brand-icon{background:var(--brand-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex}.sidebar-brand-text{color:#fff;letter-spacing:.02em;font-size:1.125rem;font-weight:700}.sidebar-nav{flex:1;padding:8px;overflow-y:auto}.sidebar-link{color:var(--sidebar-text);border-radius:8px;align-items:center;gap:12px;margin-bottom:2px;padding:10px 16px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar-link:hover{color:#e5e7eb;background:#ffffff0f}.sidebar-link.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);border-left:3px solid var(--brand-primary)}.sidebar-link.active .sidebar-icon{color:var(--brand-primary)}.sidebar-icon{opacity:.7;flex-shrink:0;width:20px;height:20px}.sidebar-footer{color:#4b5563;border-top:1px solid #1f2937;padding:16px;font-size:.75rem}.main-wrapper{margin-left:var(--sidebar-width);flex-direction:column;min-height:100vh;display:flex}.topbar{z-index:20;background:var(--navbar-bg);border-bottom:1px solid var(--navbar-border);align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 1px 2px #0000000a}.topbar-title{color:var(--text-primary);flex:1;font-size:1.125rem;font-weight:600}.topbar-user{align-items:center;gap:12px;display:flex}.topbar-user-info{text-align:right}.topbar-user-name{color:var(--text-primary);font-size:.875rem;font-weight:500}.topbar-user-role{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem}.topbar-avatar{border:2px solid var(--card-border);object-fit:cover;border-radius:50%;width:36px;height:36px}.topbar-avatar-placeholder{background:var(--info-bg);width:36px;height:36px;color:var(--info);border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.topbar-logout{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:8px;transition:all .15s}.topbar-logout:hover{color:var(--danger);background:var(--danger-bg)}.page-content{flex:1;width:100%;max-width:1280px;padding:24px}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);padding:20px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:var(--card-shadow);align-items:center;gap:16px;padding:20px;display:flex}.stat-card-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;display:flex}.stat-card-icon.blue{background:var(--info-bg);color:var(--info)}.stat-card-icon.orange{background:var(--brand-light);color:var(--brand-primary)}.stat-card-icon.green{background:var(--success-bg);color:var(--success)}.stat-card-icon.red{background:var(--danger-bg);color:var(--danger)}.stat-card-icon.yellow{background:var(--warning-bg);color:var(--warning)}.stat-card-label{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.stat-card-value{color:var(--text-primary);margin-top:2px;font-size:1.5rem;font-weight:700}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--card-border);background:#f9fafb;padding:12px 16px;font-size:.6875rem;font-weight:600}tbody td{color:var(--text-primary);border-bottom:1px solid #f3f4f6;padding:12px 16px;font-size:.875rem}tbody tr:hover{background:#f9fafb}tbody tr:last-child td{border-bottom:none}.badge{border-radius:9999px;align-items:center;padding:2px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.badge-active{background:var(--success-bg);color:var(--success)}.badge-pending{background:var(--warning-bg);color:var(--warning)}.badge-expired{color:var(--text-muted);background:#f3f4f6}.badge-live{background:var(--danger-bg);color:var(--danger)}.badge-admin{background:var(--info-bg);color:var(--info)}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{background:var(--brand-primary);color:#fff;box-shadow:0 2px 8px #ee4d2d33}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px #ee4d2d4d}.btn-secondary{color:var(--text-primary);border:1px solid var(--card-border);background:#fff}.btn-secondary:hover{background:#f9fafb}.btn-sm{padding:6px 12px;font-size:.8125rem}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:#f3f4f6}.input{border:1px solid var(--card-border);color:var(--text-primary);background:#fff;border-radius:8px;width:100%;padding:8px 12px;font-family:inherit;font-size:.875rem;transition:border-color .15s}.input:focus{border-color:var(--brand-primary);outline:none;box-shadow:0 0 0 3px #ee4d2d1a}.empty-state{text-align:center;color:var(--text-muted);padding:48px 24px}.empty-state-icon{margin-bottom:12px;font-size:3rem;display:block}.empty-state-title{color:var(--text-secondary);font-size:1rem;font-weight:500}.loading-skeleton{background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%) 0 0/200% 100%;border-radius:8px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.topbar-hamburger{cursor:pointer;color:var(--text-primary);background:0 0;border:none;border-radius:6px;margin-right:8px;padding:4px;transition:background .15s;display:none}.topbar-hamburger:hover{background:#f3f4f6}.sidebar-overlay{z-index:25;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;display:none;position:fixed;inset:0}.live-metrics-grid{background:var(--card-border);grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:1px;display:grid}.live-metrics-grid>div{text-align:center;background:#fff;flex-direction:column;align-items:center;padding:10px 8px;display:flex}.live-metrics-ccu{display:flex}@media (max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-wrapper{margin-left:0}.topbar-hamburger{align-items:center;display:flex}.sidebar-overlay{display:block}.topbar-user-info{display:none}.page-content{padding:16px}.stats-grid{grid-template-columns:1fr}.live-metrics-grid{grid-template-columns:repeat(4,1fr)}.live-metrics-ccu{grid-row:span 2;justify-content:center}.live-metrics-ccu .metric-value{font-size:1.75rem!important}}.fade-in{animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.4)}}