*,:before,:after{box-sizing:border-box}html,body{color:#1e293b;background:#f8fafc;margin:0;font-family:Sarabun,sans-serif;font-size:16px}button,input,select,textarea{font-family:Sarabun,sans-serif}a{text-decoration:none}body.print-bg{background:#e2e8f0}@media (width<=640px){.page{margin-top:68px!important;padding-left:16px!important;padding-right:16px!important}.cards,.info-grid{grid-template-columns:1fr!important}.modal{width:96vw!important;padding:20px!important}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}}.nav-bar[data-v-cff0600b]{z-index:200;background:#0f172a;align-items:center;gap:20px;height:56px;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}.nav-brand[data-v-cff0600b]{color:#fff;white-space:nowrap;font-size:17px;font-weight:700}.nav-links[data-v-cff0600b]{flex:1;gap:4px;display:flex}.nav-links a[data-v-cff0600b]{color:#94a3b8;border-radius:6px;align-items:center;gap:5px;padding:6px 10px;font-size:14px;text-decoration:none;transition:background .15s,color .15s;display:flex}.nav-links a[data-v-cff0600b]:hover{color:#e2e8f0;background:#ffffff12}.nav-links a.router-link-active[data-v-cff0600b]{color:#fff;background:#ffffff1a}.nav-user[data-v-cff0600b]{white-space:nowrap;align-items:center;gap:10px;display:flex}.user-name[data-v-cff0600b]{color:#94a3b8;text-overflow:ellipsis;max-width:140px;font-size:13px;overflow:hidden}.nav-user button[data-v-cff0600b]{color:#e2e8f0;cursor:pointer;background:#334155;border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:13px;display:flex}.hamburger[data-v-cff0600b]{color:#fff;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:4px;font-size:26px;display:none}.mobile-menu[data-v-cff0600b]{z-index:150;background:#0006;position:fixed;inset:56px 0 0}.mobile-menu-inner[data-v-cff0600b]{background:#0f172a;flex-direction:column;width:260px;height:100%;padding:12px 0;display:flex}.mobile-user[data-v-cff0600b]{color:#e2e8f0;border-bottom:1px solid #1e293b;align-items:center;gap:10px;margin-bottom:8px;padding:16px 20px 12px;font-size:15px;display:flex}.mobile-user .mdi[data-v-cff0600b]{color:#94a3b8;font-size:28px}.mobile-menu-inner a[data-v-cff0600b]{color:#94a3b8;align-items:center;gap:10px;padding:12px 20px;font-size:15px;text-decoration:none;transition:background .15s,color .15s;display:flex}.mobile-menu-inner a[data-v-cff0600b]:hover,.mobile-menu-inner a.router-link-active[data-v-cff0600b]{color:#fff;background:#1e293b}.mobile-logout[data-v-cff0600b]{color:#f87171;cursor:pointer;background:0 0;border:none;border-top:1px solid #1e293b;align-items:center;gap:10px;width:100%;margin-top:auto;padding:14px 20px;font-family:Sarabun,sans-serif;font-size:15px;display:flex}@media (width<=640px){.nav-links[data-v-cff0600b],.desktop-only[data-v-cff0600b]{display:none}.mobile-only[data-v-cff0600b]{display:flex!important}.hamburger[data-v-cff0600b]{display:flex}}.mobile-only[data-v-cff0600b]{display:none}