:root{--primary-50: #fef2f2;--primary-100: #fee2e2;--primary-200: #fecaca;--primary-300: #fca5a5;--primary-400: #f87171;--primary-500: #ef4444;--primary-600: #dc2626;--primary-700: #b91c1c;--primary-800: #991b1b;--primary-900: #7f1d1d;--neutral-50: #f8fafc;--neutral-100: #f1f5f9;--neutral-200: #e2e8f0;--neutral-300: #cbd5e1;--neutral-400: #94a3b8;--neutral-500: #64748b;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1e293b;--neutral-900: #0f172a;--success: #16a34a;--success-bg: #dcfce7;--success-border: rgba(22, 163, 74, .25);--success-text: #166534;--warning: #d97706;--warning-bg: #fef9c3;--warning-border: rgba(217, 119, 6, .25);--warning-text: #854d0e;--info: #2563eb;--info-bg: #dbeafe;--info-border: rgba(37, 99, 235, .25);--info-text: #1e40af;--danger: #dc2626;--danger-bg: #fee2e2;--danger-border: rgba(220, 38, 38, .25);--danger-text: #991b1b;--glass-bg: rgba(255, 255, 255, .55);--glass-bg-hover: rgba(255, 255, 255, .75);--glass-border: rgba(255, 255, 255, .7);--glass-blur: blur(20px) saturate(180%);--glass-shadow: 0 12px 40px rgba(15, 23, 42, .08);--glass-shadow-hover: 0 16px 48px rgba(15, 23, 42, .12);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 999px;--ease-standard: cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s ease;--transition-base: all .22s var(--ease-standard);--transition-smooth: all .3s var(--ease-standard);--font-main: "Noto Sans Thai", "Prompt", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, Monaco, "Liberation Mono", Menlo, monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden;max-width:100vw;width:100%}html,body,button,input,select,textarea,optgroup{font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-main);background:radial-gradient(at 15% 0%,rgba(220,38,38,.1) 0,transparent 55%),radial-gradient(at 85% 15%,rgba(37,99,235,.08) 0,transparent 50%),radial-gradient(at 50% 100%,rgba(15,23,42,.06) 0,transparent 50%),#f2efe9;background-attachment:fixed;color:var(--neutral-900);min-height:100vh;line-height:1.5;overflow-x:hidden;max-width:100vw;width:100%}#root{overflow-x:hidden;max-width:100vw;width:100%;min-height:100vh}a{color:var(--primary-600);text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1)}a:hover{color:var(--primary-700)}button{transition:all .22s cubic-bezier(.4,0,.2,1)}button:active:not(:disabled){transform:scale(.97)!important}input,select,textarea{transition:all .22s cubic-bezier(.4,0,.2,1)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-600)!important;box-shadow:0 0 0 3.5px var(--primary-200)!important;background:#fff!important}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#64748b4d;border-radius:var(--radius-full);transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#64748b80}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow);width:100%;max-width:100%;min-width:0;box-sizing:border-box;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),background .25s cubic-bezier(.4,0,.2,1)}.glass-panel-hover:hover{transform:translateY(-3px);box-shadow:var(--glass-shadow-hover);background:var(--glass-bg-hover)}tr{transition:background .2s cubic-bezier(.4,0,.2,1)}.font-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s cubic-bezier(.4,0,.2,1) forwards;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.responsive-two-column{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1.15fr);gap:24px;align-items:start;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.responsive-two-column>div{width:100%;max-width:100%;min-width:0;box-sizing:border-box}@media (max-width: 900px){.responsive-two-column{grid-template-columns:1fr!important;gap:20px!important}}@media (max-width: 768px){main{padding:78px 14px 60px!important;width:100%!important;max-width:100vw!important;overflow-x:hidden!important}.glass-panel{padding:18px 16px!important;border-radius:var(--radius-lg)!important;width:100%!important;max-width:100%!important}h1{font-size:20px!important}h2{font-size:16px!important}h3{font-size:14.5px!important}.responsive-grid-2,.responsive-grid-3{grid-template-columns:1fr!important}.table-desktop-container{display:none!important}.mobile-card-list{display:flex!important}}.table-desktop-container{display:block;overflow-x:auto;width:100%}.mobile-card-list{display:none;flex-direction:column;gap:14px;padding:14px 12px}.mobile-data-card{background:#ffffffd9;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;gap:12px;box-shadow:0 6px 20px -2px #0f172a0f,0 1px 3px #00000005;transition:transform .22s cubic-bezier(.4,0,.2,1),box-shadow .22s cubic-bezier(.4,0,.2,1),border-color .22s cubic-bezier(.4,0,.2,1)}.mobile-data-card:active{transform:scale(.985)}.mobile-data-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid rgba(226,232,240,.7)}.mobile-data-card-body{display:flex;flex-direction:column;gap:9px}.mobile-data-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12.5px}.mobile-data-label{color:var(--neutral-500);font-size:12px;font-weight:600;flex-shrink:0}.mobile-data-value{color:var(--neutral-900);font-weight:600;text-align:right;word-break:break-word}.mobile-data-card-footer{padding-top:10px;border-top:1px solid rgba(226,232,240,.7)}@keyframes modalOverlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalPopIn{0%{opacity:0;transform:scale(.96) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-overlay{padding:24px;background-color:#0f172a7a;backdrop-filter:blur(8px) saturate(180%);-webkit-backdrop-filter:blur(8px) saturate(180%);animation:modalOverlayFadeIn .18s cubic-bezier(.16,1,.3,1) both;will-change:opacity;transform:translateZ(0)}.modal-card{padding:0;border-radius:22px;box-shadow:0 25px 60px -12px #0f172a59,0 0 0 1px #e2e8f0cc!important;animation:modalPopIn .22s cubic-bezier(.16,1,.3,1) both;will-change:transform,opacity;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.modal-body::-webkit-scrollbar{width:5px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:999px}.modal-body::-webkit-scrollbar-thumb:hover{background:#64748b99}.modal-responsive-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.modal-preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.team-row-card{background:#fff;padding:12px 14px;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #00000005;display:flex;flex-direction:column;gap:10px;transition:all .2s ease}.team-row-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000a}.team-row-grid{display:grid;grid-template-columns:1fr 140px 40px;gap:12px;align-items:center}.modal-master-grid-1{display:grid;grid-template-columns:160px 1fr;gap:12px}.modal-master-grid-2{display:grid;grid-template-columns:1fr 1fr 120px;gap:12px}@media (max-width: 640px){.modal-overlay{padding:16px!important;align-items:center!important;justify-content:center!important;background-color:#0f172a80!important;backdrop-filter:blur(8px) saturate(180%)!important;-webkit-backdrop-filter:blur(8px) saturate(180%)!important;animation-duration:.18s!important}.modal-card{padding:0!important;border-radius:20px!important;max-height:88vh!important;width:100%!important;max-width:calc(100vw - 32px)!important;box-shadow:0 20px 50px -10px #0f172a73!important;animation-duration:.2s!important;transform:translateZ(0)!important}.modal-header{padding:16px 20px!important;border-bottom:1px solid #f1f5f9!important}.modal-body{padding:18px 20px!important}.modal-footer{padding:14px 20px!important;background:#fff!important;border-top:1px solid #f1f5f9!important}.modal-footer-actions{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;width:100%!important}.modal-responsive-grid-3{grid-template-columns:repeat(3,1fr)!important;gap:6px!important}.team-row-grid{grid-template-columns:1fr auto!important;gap:8px!important}}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.table-row-interactive{transition:background-color .15s ease!important}.table-row-interactive:hover{background-color:#f1f5f9a6!important}.table-link{background:none;border:none;color:#0f172a;font-weight:700;cursor:pointer;padding:0;font-size:inherit;font-family:inherit;text-align:left;transition:color .15s ease,opacity .15s ease;display:inline-flex;align-items:center}.table-link:hover{color:#dc2626!important}.table-link:active{color:#b91c1c!important}.notif-item{transition:background-color .15s ease!important}.notif-item:hover{background-color:#f1f5f9a6!important}.notif-item:hover .notif-title{color:#dc2626!important}.input-theme-slate{background-color:#f8fafc!important;border:1px solid #cbd5e1!important;color:#0f172a!important;transition:all .15s ease!important}.input-theme-slate:focus{background-color:#f8fafc!important;border-color:#dc2626!important;box-shadow:0 0 0 3px #dc262626!important;outline:none!important}@keyframes shimmerAnimation{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-shimmer{background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 37%,#f1f5f9 63%);background-size:400% 100%;animation:shimmerAnimation 1.4s ease-in-out infinite;border-radius:6px}@keyframes pulseGlowRed{0%{box-shadow:0 0 #dc262699}70%{box-shadow:0 0 0 7px #dc262600}to{box-shadow:0 0 #dc262600}}@keyframes pulseGlowAmber{0%{box-shadow:0 0 #d9770699}70%{box-shadow:0 0 0 7px #d9770600}to{box-shadow:0 0 #d9770600}}.pulse-dot-red{animation:pulseGlowRed 2s infinite ease-in-out}.pulse-dot-amber{animation:pulseGlowAmber 2s infinite ease-in-out}.command-item{transition:all .12s ease}.command-item:hover,.command-item.active{background-color:#f1f5f9!important}.command-item:hover .command-title,.command-item.active .command-title{color:#dc2626!important}@keyframes inputErrorShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}@keyframes inputErrorGlow{0%{box-shadow:0 0 #dc262699,0 0 12px #dc26264d;border-color:#dc2626}30%{box-shadow:0 0 0 5px #dc262647,0 0 16px #dc262640;border-color:#dc2626}to{box-shadow:0 0 0 3.5px #dc26262e;border-color:#dc2626}}.field-error-highlight{animation:inputErrorShake .45s cubic-bezier(.36,.07,.19,.97) both,inputErrorGlow 1.2s ease-in-out both!important;border-color:#dc2626!important;background-color:#fff8f8!important;scroll-margin-top:100px}