:root{--brand:#14532d;--brand-mid:#15803d;--brand-light:#dcfce7;--nav-bg:#052e16;--nav-accent:#16a34a;--surface:#fff;--bg:#f0fdf4;--border:#e2e8f0;--border-focus:#22c55e;--text:#0f172a;--text-muted:#64748b;--text-soft:#94a3b8;--success:#15803d;--success-bg:#dcfce7;--danger:#b91c1c;--danger-bg:#fee2e2;--warning-bg:#fef3c7;--warning:#92400e;--radius:10px;--radius-lg:14px;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000d;--shadow:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 8px 24px #0000001a, 0 4px 8px #0000000f;--transition:.15s ease}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Sarabun,sans-serif;font-size:16px;line-height:1.6}button,input,select,textarea{font-family:Sarabun,sans-serif}a{text-decoration:none}input,select,textarea{transition:border-color var(--transition), box-shadow var(--transition)}input:focus,select:focus,textarea:focus{outline:none;box-shadow:0 0 0 3px #22c55e1f;border-color:var(--border-focus)!important}button{cursor:pointer;transition:opacity var(--transition), background var(--transition), box-shadow var(--transition)}button:disabled{opacity:.55;cursor:not-allowed}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}.date-row{grid-template-columns:1fr 1fr!important}}.nav-bar[data-v-50d5d9c7]{background:var(--nav-bg);z-index:200;border-bottom:1px solid #ffffff0f;align-items:center;gap:8px;height:60px;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}.nav-brand[data-v-50d5d9c7]{color:#fff;flex-shrink:0;align-items:center;gap:10px;margin-right:8px;text-decoration:none;display:flex}.brand-icon[data-v-50d5d9c7]{background:var(--nav-accent);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.brand-text[data-v-50d5d9c7]{flex-direction:column;line-height:1.2;display:flex}.brand-main[data-v-50d5d9c7]{white-space:nowrap;font-size:14px;font-weight:700}.brand-sub[data-v-50d5d9c7]{color:#86efac;white-space:nowrap;font-size:11px}.nav-links[data-v-50d5d9c7]{flex:1;gap:2px;display:flex}.nav-links a[data-v-50d5d9c7]{color:#bbf7d0;white-space:nowrap;border-radius:7px;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-50d5d9c7]:hover{color:#fff;background:#ffffff1a}.nav-links a.router-link-active[data-v-50d5d9c7]{color:#fff;background:var(--nav-accent)}.nav-user[data-v-50d5d9c7]{flex-shrink:0;align-items:center;gap:10px;display:flex}.user-info[data-v-50d5d9c7]{flex-direction:column;align-items:flex-end;line-height:1.2;display:flex}.user-name[data-v-50d5d9c7]{color:#e2e8f0;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:13px;overflow:hidden}.user-role[data-v-50d5d9c7]{color:#86efac;font-size:11px}.btn-logout[data-v-50d5d9c7]{color:#bbf7d0;background:#ffffff12;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.btn-logout[data-v-50d5d9c7]:hover{color:#f87171;background:#ef444426;border-color:#ef444433}.hamburger[data-v-50d5d9c7]{color:#fff;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;margin-left:auto;padding:4px;font-size:26px;display:none}.hamburger[data-v-50d5d9c7]:hover{background:#ffffff14}.mobile-backdrop[data-v-50d5d9c7]{z-index:150;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;position:fixed;inset:60px 0 0}.mobile-menu[data-v-50d5d9c7]{z-index:160;background:var(--nav-bg);border-right:1px solid #ffffff0f;flex-direction:column;width:280px;display:flex;position:fixed;top:60px;bottom:0;left:0;overflow-y:auto}.mobile-user[data-v-50d5d9c7]{border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;padding:20px 20px 16px;display:flex}.avatar[data-v-50d5d9c7]{background:var(--nav-accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.mobile-user-name[data-v-50d5d9c7]{color:#fff;font-size:15px;font-weight:600}.mobile-user-role[data-v-50d5d9c7]{color:#86efac;margin-top:1px;font-size:12px}.mobile-links[data-v-50d5d9c7]{flex-direction:column;flex:1;padding:8px 0;display:flex}.mobile-links a[data-v-50d5d9c7]{color:#bbf7d0;align-items:center;gap:12px;padding:13px 20px;font-size:15px;text-decoration:none;transition:background .15s,color .15s;display:flex}.mobile-links a[data-v-50d5d9c7]:hover{color:#fff;background:#ffffff0d}.mobile-links a.router-link-active[data-v-50d5d9c7]{color:#fff;border-left:3px solid var(--nav-accent);background:#16a34a40}.mobile-logout[data-v-50d5d9c7]{color:#f87171;cursor:pointer;background:0 0;border:none;border-top:1px solid #ffffff0f;align-items:center;gap:12px;padding:16px 20px;font-family:Sarabun,sans-serif;font-size:15px;display:flex}.mobile-logout[data-v-50d5d9c7]:hover{background:#ef444414}.fade-enter-active[data-v-50d5d9c7],.fade-leave-active[data-v-50d5d9c7]{transition:opacity .2s}.fade-enter-from[data-v-50d5d9c7],.fade-leave-to[data-v-50d5d9c7]{opacity:0}.slide-enter-active[data-v-50d5d9c7],.slide-leave-active[data-v-50d5d9c7]{transition:transform .22s}.slide-enter-from[data-v-50d5d9c7],.slide-leave-to[data-v-50d5d9c7]{transform:translate(-100%)}@media (width<=768px){.nav-links[data-v-50d5d9c7],.desktop-only[data-v-50d5d9c7]{display:none!important}.hamburger[data-v-50d5d9c7]{display:flex}.nav-brand[data-v-50d5d9c7]{flex-shrink:1;min-width:0}.brand-text[data-v-50d5d9c7]{overflow:hidden}.brand-main[data-v-50d5d9c7]{text-overflow:ellipsis;overflow:hidden}}.mobile-only[data-v-50d5d9c7]{display:none}@media (width<=768px){.mobile-only[data-v-50d5d9c7]{display:flex!important}}@media (width<=480px){.brand-main[data-v-50d5d9c7]{font-size:13px}}