@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swal2-popup.swal-dark-popup{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffff14;border-radius:16px!important;font-family:Outfit,sans-serif!important}.swal2-title{color:#f1f5f9!important;font-size:1.2rem!important}.swal2-html-container{color:#94a3b8!important;font-size:.9rem!important}.swal-confirm-btn{border-radius:8px!important;padding:10px 24px!important;font-weight:600!important}.swal-cancel-btn{color:#94a3b8!important;border:1px solid #ffffff26!important;border-radius:8px!important;padding:10px 24px!important;font-weight:600!important}.swal2-timer-progress-bar{background:#6366f1!important}.swal2-popup.swal2-toast{border:1px solid #ffffff14!important;border-radius:12px!important}:root{--bg-dark:#0b0f19;--bg-card:#141a2899;--bg-card-hover:#1e2638cc;--primary:#6366f1;--primary-hover:#4f46e5;--accent:#00d2ff;--text-main:#f8fafc;--text-muted:#94a3b8;--border:#ffffff1a;--danger:#ef4444;--success:#10b981;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--shadow-glow:0 0 20px #6366f133;--transition:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,IBM Plex Sans Thai,sans-serif}body{background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15%,#6366f126,#0000 25%),radial-gradient(circle at 85% 30%,#00d2ff1a,#0000 25%);background-attachment:fixed;min-height:100vh}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-lg);transition:var(--transition);padding:24px}.glass-panel:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-glow);border-color:#fff3}h1,h2,h3,h4{color:var(--text-main);margin-bottom:12px;font-weight:600}p{color:var(--text-muted);line-height:1.6}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%);color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 4px 15px #6366f14d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f180}.input-group{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.input-label{color:var(--text-muted);font-size:.9rem;font-weight:500}.input-field{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-main);transition:var(--transition);background:#0003;outline:none;padding:14px 16px;font-size:1rem}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f133}.app-container{min-height:100vh;display:flex}.main-content{flex:1;padding:40px;overflow-y:auto}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}select{color:var(--text-main);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;appearance:auto;background-color:#1a2035;outline:none;padding:10px 14px;font-family:Outfit,IBM Plex Sans Thai,sans-serif;font-size:.9rem;transition:border-color .2s}select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f133}select option{color:var(--text-main);background-color:#1a2035;padding:8px 14px}select option:hover,select option:checked{background-color:var(--primary);color:#fff}@media print{.no-print{display:none!important}}.page-content{width:100%;max-width:1400px;margin:0 auto;padding:40px}@media (width<=1024px){.page-content{padding:24px}}@media (width<=640px){.page-content{padding:14px}.res-grid-2{grid-template-columns:1fr!important}.res-grid-4{grid-template-columns:repeat(2,1fr)!important}.res-auto-grid{grid-template-columns:1fr!important}}@media (width>=641px) and (width<=1024px){.res-grid-4{grid-template-columns:repeat(2,1fr)!important}}.topbar-desktop-nav,.topbar-user-text,.topbar-lang-btn{display:flex}.topbar-hamburger{display:none}.topbar-mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);z-index:999;background:#0e1422fa;flex-direction:column;padding:12px 0;display:none;position:fixed;top:80px;left:0;right:0}.topbar-mobile-menu.open{display:flex}@media (width<=1024px){.topbar-user-text{display:none!important}}@media (width<=820px){.topbar-desktop-nav,.topbar-lang-btn{display:none!important}.topbar-hamburger{display:flex!important}}.table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}@media (width<=640px){.form-grid-2{grid-template-columns:1fr!important}}@media (width<=820px){.invoice-print-grid{grid-template-columns:1fr!important}.invoice-right-panel{position:static!important}}