@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@300;400;500;600;700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--bg-primary:#090d16;--bg-secondary:#11182bbf;--bg-tertiary:#1e2947cc;--accent-color:#6366f1;--accent-glow:#6366f126;--accent-teal:#14b8a6;--accent-teal-glow:#14b8a626;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--border-color:#ffffff14;--border-focus:#6366f166;--danger-color:#ef4444;--success-color:#10b981;--warning-color:#f59e0b;--font-family:"Poppins", "IBM Plex Sans Thai", sans-serif;--sidebar-width:290px;--header-height:70px;--border-radius:16px;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}body.light-theme{--bg-primary:#f3f4f6;--bg-secondary:#ffffffe0;--bg-tertiary:#f9fafb;--text-primary:#111827;--text-secondary:#4b5563;--border-color:#1118270f;--border-focus:#14b8a680;--accent-glow:#6366f114;--accent-teal-glow:#14b8a614;background:radial-gradient(circle,#f0fdfa 0%,#f3f4f6 100%)!important}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.glass-panel{background:var(--bg-secondary);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--border-radius);transition:var(--transition-smooth);box-shadow:0 8px 32px #0000005e}.glass-panel:hover{border-color:#6366f133;box-shadow:0 8px 32px #6366f10d}.app-container{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);margin-top:var(--header-height);transition:var(--transition-smooth);width:calc(100% - var(--sidebar-width));flex-grow:1;padding:2rem}.login-wrapper{background:radial-gradient(circle,#1e1b4b 0%,#090d16 100%);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-wrapper:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f11a 0%,#0000 70%);width:600px;height:600px;position:absolute;top:-200px;right:-200px}.login-wrapper:after{content:"";pointer-events:none;background:radial-gradient(circle,#14b8a614 0%,#0000 70%);width:600px;height:600px;position:absolute;bottom:-200px;left:-200px}.login-card{z-index:10;text-align:center;width:100%;max-width:450px;padding:3rem 2.5rem}.login-logo{justify-content:center;align-items:center;gap:.75rem;margin-bottom:2rem;display:flex}.login-logo svg{color:var(--accent-teal);filter:drop-shadow(0 0 8px var(--accent-teal-glow))}.login-logo h1{background:linear-gradient(135deg, #fff 0%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.8rem;font-weight:800}.login-sso-btn{border:1px solid var(--accent-color);background:linear-gradient(135deg, var(--accent-color) 0%, #4f46e5 100%);color:#fff;cursor:pointer;width:100%;transition:var(--transition-smooth);border-radius:12px;justify-content:center;align-items:center;gap:.75rem;margin-top:1.5rem;padding:1rem;font-size:1rem;font-weight:600;display:flex;box-shadow:0 4px 15px #6366f166}.login-sso-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f199}.login-divider{color:var(--text-secondary);align-items:center;margin:1.5rem 0;font-size:.85rem;display:flex}.login-divider:before,.login-divider:after{content:"";background-color:var(--border-color);flex-grow:1;height:1px;margin:0 1rem}.login-form-group{text-align:left;margin-bottom:1.25rem}.login-form-group label{color:var(--text-secondary);margin-bottom:.5rem;font-size:.85rem;font-weight:500;display:block}.login-input{border:1px solid var(--border-color);color:#fff;width:100%;font-family:var(--font-family);transition:var(--transition-smooth);background:#ffffff08;border-radius:10px;padding:.85rem 1rem;font-size:.95rem}.login-input:focus{border-color:var(--accent-color);box-shadow:0 0 10px var(--accent-glow);background:#ffffff0d;outline:none}.login-btn{background:var(--bg-tertiary);color:#fff;cursor:pointer;width:100%;transition:var(--transition-smooth);border:1px solid #ffffff1a;border-radius:10px;padding:.85rem;font-size:.95rem;font-weight:600}.login-btn:hover{border-color:var(--text-secondary);background:#ffffff1a}.app-sidebar{width:var(--sidebar-width);border-right:1px solid var(--border-color);z-index:100;flex-direction:column;height:100vh;display:flex;position:fixed;top:0;left:0}.sidebar-logo{height:var(--header-height);border-bottom:1px solid var(--border-color);align-items:center;gap:.75rem;padding:0 1.5rem;display:flex}.sidebar-logo svg{color:var(--accent-teal);filter:drop-shadow(0 0 6px var(--accent-teal-glow))}.sidebar-logo span{letter-spacing:.5px;background:linear-gradient(135deg,#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.3rem;font-weight:800}.sidebar-menu{flex-direction:column;flex-grow:1;gap:.5rem;padding:1.5rem 1rem;list-style:none;display:flex}.sidebar-item a{color:var(--text-secondary);transition:var(--transition-smooth);border-radius:12px;align-items:center;gap:1rem;padding:.85rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;display:flex}.sidebar-item a:hover,.sidebar-item.active a{color:#fff;background:var(--bg-tertiary)}.sidebar-item.active a{border-left:4px solid var(--accent-teal);padding-left:calc(1rem - 4px)}.sidebar-footer{border-top:1px solid var(--border-color);padding:1rem 1.5rem}.app-header{height:var(--header-height);width:calc(100% - var(--sidebar-width));border-bottom:1px solid var(--border-color);z-index:90;justify-content:space-between;align-items:center;padding:0 2rem;display:flex;position:fixed;top:0;right:0}.header-search{align-items:center;width:300px;display:flex;position:relative}.header-search svg{color:var(--text-secondary);pointer-events:none;position:absolute;left:1rem}.header-search input{border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-family:var(--font-family);transition:var(--transition-smooth);background:#ffffff08;border-radius:30px;padding:.6rem 1rem .6rem 2.8rem;font-size:.9rem}.header-search input:focus{border-color:var(--accent-teal);background:#ffffff0d;outline:none}.header-profile{align-items:center;gap:1rem;display:flex}.profile-avatar{background:linear-gradient(135deg, var(--accent-color) 0%, var(--accent-teal) 100%);color:#fff;border:2px solid var(--border-color);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.profile-info{flex-direction:column;display:flex}.profile-name{font-size:.9rem;font-weight:600}.profile-role{color:var(--text-secondary);font-size:.75rem}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.stat-content h3{margin-top:.5rem;font-size:2rem;font-weight:800}.stat-content p{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem}.stat-icon{border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.stat-icon.primary{background:var(--accent-glow);color:var(--accent-color)}.stat-icon.teal{background:var(--accent-teal-glow);color:var(--accent-teal)}.stat-icon.danger{color:var(--danger-color);background:#ef44441a}.data-table-container{overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th{border-bottom:1px solid var(--border-color);color:var(--text-secondary);padding:1rem 1.5rem;font-size:.85rem;font-weight:600}.data-table td{border-bottom:1px solid var(--border-color);padding:1rem 1.5rem;font-size:.9rem}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#ffffff03}.badge{border-radius:30px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.badge.waiting{color:var(--warning-color);background:#f59e0b26}.badge.checking{background:var(--accent-glow);color:var(--accent-color)}.badge.completed{color:var(--success-color);background:#10b98126}.btn-primary{background:var(--accent-teal);color:#fff;cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:8px;padding:.6rem 1.2rem;font-weight:600}.btn-primary:hover{background:#0d9488}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-smooth);background:0 0;border-radius:8px;padding:.6rem 1.2rem;font-weight:600}.btn-secondary:hover{background:#ffffff0d}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content{border-radius:var(--border-radius);width:100%;max-width:600px;padding:2.5rem;position:relative}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-close{color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none}.modal-close:hover{color:#fff}.form-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;margin-bottom:1.5rem;display:grid}.form-group-full{grid-column:span 2}.form-control{border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-family:var(--font-family);border-radius:8px;padding:.75rem 1rem;font-size:.9rem;background:var(--bg-secondary)!important}.form-control option{color:#f3f4f6!important;background-color:#111827!important}body.light-theme .form-control option{color:#111827!important;background-color:#fff!important}.form-control:disabled{cursor:not-allowed;opacity:.65;color:var(--text-secondary)!important;background-color:#ffffff0d!important}body.light-theme .form-control:disabled{color:var(--text-secondary)!important;background-color:#0000000d!important}.form-control:focus{border-color:var(--accent-teal);box-shadow:0 0 8px var(--accent-teal-glow);outline:none}body.light-theme .sidebar-logo span{background:linear-gradient(135deg,#0d9488 0%,#111827 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}body.light-theme .sidebar-item a:hover,body.light-theme .sidebar-item.active a{color:#0d9488!important;background:#14b8a614!important}body.light-theme .sidebar-item.active a{border-left-color:var(--accent-teal)}body.light-theme .login-logo h1{background:linear-gradient(135deg,#0d9488 0%,#111827 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}body.light-theme .login-input{color:#111827;background:#00000005;border:1px solid #11182714}body.light-theme .login-btn{color:#111827;background:#14b8a61a;border:1px solid #14b8a626}body.light-theme .login-btn:hover{background:#14b8a633}body.light-theme .modal-close:hover{color:#0d9488}body.light-theme .glass-panel{border-color:#1118270d!important;box-shadow:0 8px 30px #94a3b81f!important}