._page_swy2x_1{--bg-base: #eef4ff;--bg-overlay: rgba(255, 255, 255, .72);--bg-panel: rgba(255, 255, 255, .78);--bg-panel-strong: rgba(255, 255, 255, .92);--text-primary: #0f172a;--text-secondary: rgba(15, 23, 42, .7);--text-muted: rgba(15, 23, 42, .56);--border-soft: rgba(30, 41, 59, .12);--border-strong: rgba(37, 99, 235, .22);--shadow-soft: 0 24px 60px rgba(15, 23, 42, .12);--shadow-strong: 0 28px 80px rgba(15, 23, 42, .18);--navy-strong: #123a73;--navy-main: #1e4f91;--navy-accent: #5c8dff;--navy-sheen: #dbe8ff;min-height:100vh;display:grid;grid-template-columns:1fr 1fr;position:relative;overflow:hidden;background:radial-gradient(circle at top left,rgba(92,141,255,.28),transparent 34%),radial-gradient(circle at 85% 18%,rgba(18,58,115,.22),transparent 30%),linear-gradient(135deg,#f4f8ff,#ebf2ff 46%,#dde8fb);transition:background .22s ease,color .22s ease}._page_swy2x_1:before,._page_swy2x_1:after{content:"";position:absolute;border-radius:999px;pointer-events:none;filter:blur(12px)}._page_swy2x_1:before{width:28rem;height:28rem;top:-10rem;right:-8rem;background:#5c8dff29}._page_swy2x_1:after{width:24rem;height:24rem;bottom:-11rem;left:-8rem;background:#123a731f}._page_swy2x_1[data-theme=dark]{--bg-base: #081120;--bg-overlay: rgba(8, 17, 32, .74);--bg-panel: rgba(7, 19, 36, .7);--bg-panel-strong: rgba(10, 23, 45, .86);--text-primary: #f8fbff;--text-secondary: rgba(226, 235, 255, .76);--text-muted: rgba(203, 213, 225, .68);--border-soft: rgba(148, 163, 184, .16);--border-strong: rgba(96, 165, 250, .3);--shadow-soft: 0 28px 70px rgba(2, 6, 23, .44);--shadow-strong: 0 32px 90px rgba(2, 6, 23, .56);--navy-strong: #8db8ff;--navy-main: #6d9bff;--navy-accent: #9cc2ff;--navy-sheen: rgba(148, 197, 255, .16);background:radial-gradient(circle at top left,rgba(92,141,255,.2),transparent 32%),radial-gradient(circle at 85% 18%,rgba(125,166,255,.16),transparent 28%),linear-gradient(160deg,#050b16,#091525 54%,#0d1f35)}._themeToggle_swy2x_76{position:absolute;top:24px;right:24px;z-index:2}._themeGroup_swy2x_83{padding:6px;border-radius:999px!important;background:var(--bg-panel)!important;border:1px solid var(--border-soft)!important;box-shadow:var(--shadow-soft)}._themeButton_swy2x_91{border:none!important;color:var(--text-secondary)!important;font-weight:600!important;text-transform:none!important;border-radius:999px!important}._themeButton_swy2x_91[class*=Mui-selected]{background:linear-gradient(135deg,var(--navy-main),var(--navy-strong))!important;color:#fff!important}._toggleOption_swy2x_104{display:inline-flex;align-items:center;gap:8px}._left_swy2x_110,._right_swy2x_111{position:relative;z-index:1}._left_swy2x_110{display:grid;place-items:center;padding:32px}._card_swy2x_122{width:100%;max-width:480px;padding:34px 34px 32px;border-radius:28px!important;background:var(--bg-panel-strong)!important;border:1px solid var(--border-soft)!important;box-shadow:var(--shadow-strong)!important;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}._brand_swy2x_133{display:flex;justify-content:center;align-items:center;margin-bottom:20px}._brand_swy2x_133 img{width:116px;height:auto;filter:drop-shadow(0 10px 18px rgba(18,58,115,.18))}._title_swy2x_146{margin:0 0 8px!important;color:var(--text-primary)!important;font-size:2rem!important;font-weight:700!important;letter-spacing:-.03em}._subtitle_swy2x_154{margin-bottom:26px!important;color:var(--text-secondary)!important;font-size:.98rem;line-height:1.7}._row_swy2x_161{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}._primaryBtn_swy2x_168{height:52px!important;border:none!important;border-radius:14px!important;background:linear-gradient(135deg,var(--navy-main),var(--navy-strong))!important;box-shadow:0 16px 28px #1e4f913d;font-weight:700!important;letter-spacing:.01em}._primaryBtn_swy2x_168:hover{filter:brightness(1.04)}._right_swy2x_111{display:grid;place-items:center;padding:44px}._sideCard_swy2x_188{max-width:540px;padding:36px 34px;border-radius:32px;background:linear-gradient(160deg,#123a73eb,#0b1c3ad6),var(--bg-panel);border:1px solid rgba(147,197,253,.16);box-shadow:var(--shadow-soft);color:#eff6ff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}._sideTitle_swy2x_201{margin:0 0 14px!important;color:#fff!important;font-size:2.35rem!important;font-weight:700!important;letter-spacing:-.04em}._sideText_swy2x_209{margin-bottom:24px!important;color:#e2e8f0d6!important;font-size:1rem;line-height:1.8}._sideList_swy2x_216{margin:0;padding-left:20px;color:#dbeafe;font-size:1rem;font-weight:600;line-height:2}._card_swy2x_122 .MuiInputBase-root{border-radius:14px;background:var(--bg-overlay)}._card_swy2x_122 .MuiInputLabel-root,._card_swy2x_122 .MuiFormControlLabel-label,._card_swy2x_122 .MuiInputAdornment-root{color:var(--text-secondary)}._card_swy2x_122 .MuiOutlinedInput-notchedOutline{border-color:var(--border-soft)}._card_swy2x_122 .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,._card_swy2x_122 .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--border-strong)}._card_swy2x_122 .MuiInputBase-input{color:var(--text-primary)}._card_swy2x_122 .MuiInputBase-input::placeholder{color:var(--text-muted);opacity:1}._card_swy2x_122 .MuiCheckbox-root.Mui-checked{color:var(--navy-main)}@media(max-width:980px){._page_swy2x_1{grid-template-columns:1fr}._right_swy2x_111{display:none}._left_swy2x_110{padding:84px 20px 24px}._themeToggle_swy2x_76{top:18px;right:18px}}@media(max-width:640px){._card_swy2x_122{border-radius:24px!important;padding:26px 22px 24px}._title_swy2x_146{font-size:1.75rem!important}}:root,html[data-theme=light],body[data-theme=light]{--bg-canvas: #eef4ff;--bg-page: linear-gradient(135deg, #f5f8ff 0%, #eaf1fe 46%, #dce7fb 100%);--bg-overlay: rgba(255, 255, 255, .7);--surface-base: rgba(255, 255, 255, .82);--surface-raised: rgba(255, 255, 255, .92);--surface-strong: #123a73;--surface-strong-alt: #0f2d57;--text-primary: #0f172a;--text-secondary: rgba(15, 23, 42, .72);--text-muted: rgba(15, 23, 42, .56);--border-soft: rgba(30, 41, 59, .12);--border-strong: rgba(37, 99, 235, .24);--shadow-soft: 0 24px 60px rgba(15, 23, 42, .12);--shadow-strong: 0 28px 80px rgba(15, 23, 42, .18);--navy-main: #1e4f91;--navy-strong: #123a73;--navy-accent: #5c8dff;--navy-soft: rgba(92, 141, 255, .12);--success-main: #0f9f73;--danger-main: #e05f7b;--warning-main: #e2ab20;--table-row: rgba(148, 163, 184, .08)}html[data-theme=dark],body[data-theme=dark]{--bg-canvas: #081120;--bg-page: linear-gradient(160deg, #050b16 0%, #091525 54%, #0d1f35 100%);--bg-overlay: rgba(8, 17, 32, .74);--surface-base: rgba(7, 19, 36, .72);--surface-raised: rgba(10, 23, 45, .86);--surface-strong: #0e2b58;--surface-strong-alt: #081a36;--text-primary: #f8fbff;--text-secondary: rgba(226, 235, 255, .78);--text-muted: rgba(203, 213, 225, .68);--border-soft: rgba(148, 163, 184, .16);--border-strong: rgba(96, 165, 250, .32);--shadow-soft: 0 28px 70px rgba(2, 6, 23, .44);--shadow-strong: 0 32px 90px rgba(2, 6, 23, .56);--navy-main: #6d9bff;--navy-strong: #8db8ff;--navy-accent: #9cc2ff;--navy-soft: rgba(148, 197, 255, .14);--success-main: #34d399;--danger-main: #fb7185;--warning-main: #facc15;--table-row: rgba(148, 163, 184, .1)}html,body,#root{min-height:100%}body{margin:0;min-width:320px;background:var(--bg-page);color:var(--text-primary);font-family:Segoe UI,Inter,sans-serif;transition:background .22s ease,color .22s ease}*{box-sizing:border-box}a{color:inherit;text-decoration:none}#root{min-height:100vh}.app-theme-surface{background:var(--surface-raised);border:1px solid var(--border-soft);border-radius:20px;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-theme-title{color:var(--text-primary)}.app-theme-subtle{color:var(--text-secondary)}.app-theme-card{background:var(--surface-raised)!important;border-color:var(--border-soft)!important;box-shadow:var(--shadow-soft)!important}.app-theme-shell{min-height:100vh;background:radial-gradient(circle at top left,rgba(92,141,255,.2),transparent 28%),radial-gradient(circle at 80% 12%,rgba(18,58,115,.18),transparent 24%),var(--bg-page)}.app-shell-layout{display:flex}.app-shell-sidebar-docked{width:260px;flex:0 0 260px;transition:width .22s ease,flex-basis .22s ease}.app-shell-sidebar-docked-collapsed{width:80px;flex-basis:80px}.app-shell-sidebar{overflow-x:hidden;background:linear-gradient(180deg,#123a73fa,#09182ff5)!important;border-right:1px solid rgba(148,197,255,.12);box-shadow:18px 0 50px #0206172e;transition:width .22s ease!important}.app-shell-sidebar-collapsed{width:80px}.app-shell-sidebar-content{height:100%;display:flex;flex-direction:column}.app-shell-brand{min-height:72px;display:flex;align-items:center;gap:14px;padding:16px 18px;cursor:pointer;border-bottom:1px solid rgba(191,219,254,.12)}.app-shell-logo-mark{width:42px;height:42px;flex:0 0 42px;border-radius:14px;background:#fffffff0;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(191,219,254,.18);box-shadow:0 10px 24px #0206172e}.app-shell-logo-mark img{width:100%;height:100%;object-fit:contain}.app-shell-brand-text{display:grid;gap:3px;line-height:1.1}.app-shell-brand-title{color:#fffffff5;font-weight:800;font-size:15px;letter-spacing:-.02em}.app-shell-brand-sub{color:#dbeafead;font-size:12px}.app-shell-menu{flex:1;padding:14px 10px!important}.app-shell-menu-item,.app-shell-submenu-item{margin:6px 0!important;border-radius:14px!important;color:#eff6ffd6!important}.app-shell-menu-item .MuiListItemIcon-root,.app-shell-submenu-item .MuiListItemIcon-root{min-width:40px;color:#bfdbfeb8!important}.app-shell-menu-item:hover,.app-shell-submenu-item:hover{background:#93c5fd1a!important}.app-shell-menu-item.Mui-selected,.app-shell-submenu-item.Mui-selected{background:linear-gradient(135deg,#5c8dff3d,#6d9bff2e)!important;color:#fff!important;font-weight:700!important}.app-shell-menu-item.Mui-selected .MuiListItemIcon-root,.app-shell-submenu-item.Mui-selected .MuiListItemIcon-root{color:#fff!important}.app-shell-submenu{padding-left:12px}.app-shell-submenu-item{padding-left:56px!important;color:#dbeafead!important}.app-shell-main{flex:1;min-width:0}.app-shell-header{background:var(--surface-raised)!important;border-bottom:1px solid var(--border-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-shell-toolbar{min-height:72px!important;padding:0 20px!important;display:flex;align-items:center;justify-content:space-between}.app-shell-header-left,.app-shell-header-right{display:flex;align-items:center;gap:12px}.app-shell-icon-button{width:42px;height:42px;border-radius:12px!important;color:var(--text-secondary)!important}.app-shell-header-title{font-weight:800!important;letter-spacing:-.02em!important;color:var(--text-primary)}.app-shell-theme-toggle{padding:4px;border-radius:999px!important;border:1px solid var(--border-soft)!important;background:var(--surface-raised)}.app-shell-theme-toggle-option{border:0!important;color:var(--text-secondary)!important;text-transform:none!important}.app-shell-theme-toggle-option.Mui-selected{background:linear-gradient(135deg,#5c8dff3d,#6d9bff2e)!important;color:var(--text-primary)!important}.app-shell-toggle-option{display:inline-flex;align-items:center;gap:8px}.app-shell-user-button{height:44px;border-radius:14px!important;padding:6px 12px!important;color:var(--text-primary)!important;border:1px solid var(--border-soft)!important;background:var(--surface-raised)!important;text-transform:none!important}.app-shell-user-dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,var(--navy-main),var(--navy-strong));display:inline-block;margin-right:10px;box-shadow:0 0 0 4px var(--navy-soft)}.app-shell-user-name{font-weight:700}.app-shell-user-menu{background:var(--surface-raised)!important;border:1px solid var(--border-soft);box-shadow:var(--shadow-soft)}.app-shell-content{padding:20px}.app-shell-content-inner{max-width:1980px;margin:0 auto}@media(max-width:768px){.app-shell-sidebar-docked,.app-shell-sidebar-docked-collapsed{width:0;flex-basis:0}.app-shell-toolbar{padding:0 14px!important}.app-shell-header-title{display:none}.app-shell-content{padding:14px}.app-shell-theme-toggle{max-width:168px}}@font-face{font-family:Kanit;src:url(/assets/Kanit-Regular-Dn-dkbRE.ttf) format("truetype")}.page-surface-card{width:100%;min-width:0;overflow:hidden;padding:20px;border-radius:20px!important;background:var(--surface-raised)!important;border:1px solid var(--border-soft);box-shadow:var(--shadow-soft)!important}.page-header-block{margin-bottom:20px}.page-title{margin:0!important;color:var(--text-primary)}.page-subtitle{color:var(--text-secondary)!important}.page-loading{min-height:240px;display:grid;place-items:center}.page-form-grid-3,.page-form-grid-4{display:grid;gap:16px;align-items:start}.page-form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.page-form-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.page-form-span-2{grid-column:span 2}.page-form-full{grid-column:1 / -1}.page-section-title{margin:0 0 16px!important;color:var(--text-primary);font-weight:700!important}.page-table-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.page-table-title{color:var(--text-primary);font-weight:700!important}.page-actions-bottom{margin-top:24px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.page-dialog-actions{justify-content:center!important;padding:0 24px 20px!important}.payroll-add-footer{margin-top:20px}.home-page{padding:28px;min-height:calc(100vh - 64px);background:transparent}.home-hero{margin-bottom:28px;padding:36px;border-radius:24px;color:#fff;background:linear-gradient(135deg,#1e4f91f5,#0d254aeb);box-shadow:var(--shadow-soft)}.home-hero-title{margin-bottom:8px!important;color:#fff!important;font-weight:700!important}.home-hero-subtitle{max-width:640px;color:#ffffffe6!important;font-size:16px!important}.home-chart-card{margin:16px 0;padding:20px;min-height:120px;border-radius:20px!important;color:var(--text-primary);background:var(--surface-raised)!important;border:1px solid var(--border-soft);box-shadow:var(--shadow-soft)!important}.home-chart-card-header{display:flex;justify-content:space-between;gap:16px}.home-chart-card-title{color:var(--navy-main)!important;font-size:20px!important;font-weight:700!important}.home-chart-scroll{min-width:0;overflow-x:auto;overflow-y:hidden}.home-top10-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.apexcharts-tooltip,.apexcharts-tooltip *{color:var(--text-primary)!important}.apexcharts-tooltip{background:var(--surface-raised)!important;border:1px solid var(--border-soft)!important;box-shadow:var(--shadow-soft)}.page-table-header>.MuiButton-root,.page-actions-bottom>.MuiButton-root,.page-dialog-actions>.MuiButton-root{min-width:132px}@media(max-width:900px){.page-form-grid-3,.page-form-grid-4{grid-template-columns:1fr}.page-form-span-2,.page-form-full{grid-column:auto}.home-page{padding:20px 0 0;min-height:auto}.home-hero{padding:24px}.home-top10-grid{grid-template-columns:1fr}}@media(max-width:768px){.page-surface-card{padding:16px}.page-table-header{flex-direction:column;align-items:stretch}.home-page{padding-top:12px}.home-hero{margin-bottom:20px;padding:20px;border-radius:20px}.home-hero-title{font-size:1.875rem!important}.home-chart-card{padding:16px}}.employees-page{display:grid;gap:16px;width:100%}.employees-title{margin:0!important;color:var(--text-primary)}.employees-search-card,.employees-table-card{padding:20px;border-radius:20px!important;background:var(--surface-raised)!important;border:1px solid var(--border-soft);box-shadow:var(--shadow-soft)!important}.employees-search-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.employees-search-actions{margin-top:16px;justify-content:center}.employees-table-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.employees-table-title{color:var(--text-primary);font-weight:700!important}.employees-table-container{border:1px solid var(--border-soft);border-radius:16px}@media(max-width:900px){.employees-search-grid{grid-template-columns:1fr}}@media(max-width:768px){.employees-search-card,.employees-table-card{padding:16px}.employees-table-header{flex-direction:column;align-items:stretch}}.employee-upsert-card{padding:20px;border-radius:20px!important;background:var(--surface-raised)!important;border:1px solid var(--border-soft);box-shadow:var(--shadow-soft)!important}.employee-upsert-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.employee-upsert-title{margin:0!important;color:var(--text-primary)}.employee-upsert-subtitle{color:var(--text-secondary)!important}.employee-upsert-actions{margin-top:24px;flex-wrap:wrap;justify-content:center}.employee-upsert-loading{min-height:240px;display:grid;place-items:center}.employee-upsert-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.employee-upsert-grid-full{grid-column:1 / -1}@media(max-width:900px){.employee-upsert-grid{grid-template-columns:1fr}}@media(max-width:768px){.employee-upsert-card{padding:16px}.employee-upsert-header{flex-direction:column;align-items:stretch}.employee-upsert-actions{justify-content:center}}.leaves-page{display:grid;gap:16px;width:100%}.leaves-title{margin:0!important;color:var(--text-primary)}.leaves-search-card,.leaves-table-card{padding:20px;border-radius:20px!important;background:var(--surface-raised)!important;border:1px solid var(--border-soft);box-shadow:var(--shadow-soft)!important}.leaves-search-grid,.leaves-dialog-grid{padding-top:1em;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.leaves-search-actions{margin-top:16px;justify-content:center}.leaves-table-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.leaves-table-title{color:var(--text-primary);font-weight:700!important}.leaves-table-container{border:1px solid var(--border-soft);border-radius:16px}.leaves-dialog-actions{padding:0 24px 20px!important;justify-content:center!important}@media(max-width:900px){.leaves-search-grid,.leaves-dialog-grid{grid-template-columns:1fr}}@media(max-width:768px){.leaves-search-card,.leaves-table-card{padding:16px}.leaves-table-header{flex-direction:column;align-items:stretch}}.expenses-page{display:grid;gap:16px;width:100%}.expenses-title{margin:0!important;color:var(--text-primary)}.expenses-search-card,.expenses-table-card{padding:20px;border-radius:20px!important;background:var(--surface-raised)!important;border:1px solid var(--border-soft);box-shadow:var(--shadow-soft)!important}.expenses-search-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.expenses-search-actions{margin-top:16px;justify-content:center}.expenses-table-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.expenses-table-title{color:var(--text-primary);font-weight:700!important}.expenses-table-container{border:1px solid var(--border-soft);border-radius:16px}.expenses-employee-name{font-weight:600}.expenses-employee-no{opacity:.6}@media(max-width:900px){.expenses-search-grid{grid-template-columns:1fr}}@media(max-width:768px){.expenses-search-card,.expenses-table-card{padding:16px}.expenses-table-header{flex-direction:column;align-items:stretch}}.view-expense-card{width:100%;max-width:100%;margin:0 auto;padding:20px;border-radius:20px!important;background:var(--surface-raised)!important;border:1px solid var(--border-soft);box-shadow:var(--shadow-soft)!important}.view-expense-header{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:12px}.view-expense-title{margin-bottom:0!important;color:var(--text-primary)}.view-expense-subtitle,.view-expense-empty{color:var(--text-secondary)!important}.view-expense-loading{min-height:240px;display:grid;place-items:center}.view-expense-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.view-expense-detail-item{padding:16px;border-radius:16px;border:1px solid var(--border-soft);background:var(--surface-base)}.view-expense-detail-item-full{grid-column:1 / -1}.view-expense-detail-label{color:var(--text-secondary)!important;margin-bottom:6px!important}.view-expense-detail-value{color:var(--text-primary);font-weight:600!important;word-break:break-word}.view-expense-section-divider{margin:24px 0 12px!important}.view-expense-table-container{width:100%;overflow-x:auto;border:1px solid var(--border-soft);border-radius:16px}@media(max-width:768px){.view-expense-card{padding:16px}.view-expense-header{flex-direction:column;align-items:stretch}.view-expense-detail-grid{grid-template-columns:1fr}.view-expense-detail-item-full{grid-column:auto}.view-expense-title{font-size:1.75rem!important}}.new-expense-card{width:100%;max-width:100%;margin:0 auto;padding:20px;border-radius:20px!important;background:var(--surface-raised)!important;border:1px solid var(--border-soft);box-shadow:var(--shadow-soft)!important}.new-expense-header{margin-bottom:20px}.new-expense-title{margin-bottom:0!important;color:var(--text-primary)}.new-expense-subtitle,.new-expense-upload-hint{color:var(--text-secondary)!important}.new-expense-loading{min-height:240px;display:grid;place-items:center}.new-expense-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.new-expense-grid-span-2{grid-column:span 2}.new-expense-upload-section{margin-top:20px}.new-expense-upload-title{margin-bottom:12px!important;color:var(--text-primary);font-weight:700!important}.new-expense-upload-actions{justify-content:flex-start}.new-expense-file-list{margin-top:12px!important;padding:0!important;border:1px solid var(--border-soft);border-radius:16px;background:var(--surface-base)}.new-expense-actions{margin-top:24px;justify-content:center;flex-wrap:wrap}@media(max-width:900px){.new-expense-grid{grid-template-columns:1fr}.new-expense-grid-span-2{grid-column:auto}}@media(max-width:768px){.new-expense-card{padding:16px}}.invoice-search-page{display:grid;gap:16px;width:100%}.invoice-search-title{margin:0!important;color:var(--text-primary)}.invoice-search-filter-card,.invoice-search-table-card{width:100%;min-width:0;padding:20px;border-radius:20px!important;background:var(--surface-raised)!important;border:1px solid var(--border-soft);box-shadow:var(--shadow-soft)!important}.invoice-search-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.invoice-search-actions{margin-top:16px;justify-content:center}.invoice-search-table-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.invoice-search-table-title{color:var(--text-primary);font-weight:700!important}.invoice-search-table-container{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;border:1px solid var(--border-soft);border-radius:16px}@media(max-width:900px){.invoice-search-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.invoice-search-filter-card,.invoice-search-table-card{padding:16px}.invoice-search-table-header{flex-direction:column;align-items:stretch}.invoice-search-grid{grid-template-columns:1fr}}.invoice-upsert-page{display:grid;gap:12px;width:100%;min-width:0;overflow-x:hidden}.invoice-upsert-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.invoice-upsert-title{margin:0!important;color:var(--text-primary)}.invoice-upsert-header-actions{flex-wrap:wrap}.invoice-upsert-loading{min-height:240px;display:grid;place-items:center}.invoice-upsert-section{width:100%;min-width:0;overflow:hidden;padding:20px;border-radius:20px!important;background:var(--surface-raised)!important;border:1px solid var(--border-soft);box-shadow:var(--shadow-soft)!important}.invoice-upsert-section-title{color:var(--text-primary);font-weight:700!important;margin-bottom:16px!important}.invoice-upsert-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;width:100%;min-width:0}.invoice-upsert-grid-span-2{grid-column:span 2}.invoice-upsert-customer-meta,.invoice-upsert-note{margin-top:8px!important;color:var(--text-secondary)!important}.invoice-upsert-divider{margin:20px 0!important}.invoice-upsert-table-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.invoice-upsert-table-title{color:var(--text-primary);font-weight:700!important}.invoice-upsert-table-container{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;border:1px solid var(--border-soft);border-radius:16px}.invoice-upsert-table-container table{min-width:1000px}@media(max-width:900px){.invoice-upsert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-upsert-grid-span-2{grid-column:1 / -1}}@media(max-width:768px){.invoice-upsert-header{flex-direction:column;align-items:stretch}.invoice-upsert-section{padding:16px}.invoice-upsert-table-header{flex-direction:column;align-items:stretch}.invoice-upsert-grid{grid-template-columns:1fr}.invoice-upsert-grid-span-2{grid-column:auto}.invoice-upsert-table-container table{min-width:900px}}.payroll-page{display:grid;gap:16px;width:100%;min-width:0;overflow-x:hidden}.payroll-header{display:flex;justify-content:space-between;gap:16px;align-items:center}.payroll-title{margin:0!important;color:var(--text-primary)}.payroll-filter-card,.payroll-table-card{width:100%;min-width:0;overflow:hidden;padding:20px;border-radius:20px!important;background:var(--surface-raised)!important;border:1px solid var(--border-soft);box-shadow:var(--shadow-soft)!important}.payroll-filter-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-width:0;align-items:start}.payroll-filter-actions{margin-top:16px;justify-content:center}.payroll-table-toolbar{display:flex;justify-content:flex-end;gap:8px;margin-bottom:16px;flex-wrap:wrap}.payroll-table-container{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;border:1px solid var(--border-soft);border-radius:16px}.payroll-table-container table{min-width:980px}.payroll-upload-form{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:8px}.payroll-upload-file-block{margin-top:16px}.payroll-upload-file-actions{flex-wrap:wrap}.payroll-upload-file-list{margin-top:12px!important;padding:0!important;border:1px solid var(--border-soft);border-radius:16px;background:var(--surface-base)}.payroll-upload-preview{margin-top:16px}.payroll-upload-table-container{width:100%;overflow-x:auto;border:1px solid var(--border-soft);border-radius:16px}.payroll-upload-dialog-actions{justify-content:center!important;padding:0 24px 20px!important}.payroll-upload-loading{display:grid;place-items:center;padding:16px 0 0}@media(max-width:900px){.payroll-filter-grid,.payroll-upload-form{grid-template-columns:1fr}}@media(max-width:768px){.payroll-header{flex-direction:column;align-items:stretch}.payroll-filter-card,.payroll-table-card{padding:16px}.payroll-filter-grid{grid-template-columns:1fr}.payroll-table-container table{min-width:900px}}.payroll-view-page{display:grid;gap:12px;width:100%;max-width:100%;min-width:0;overflow-x:hidden}.payroll-view-top-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.payroll-view-title-group,.payroll-view-actions{flex-wrap:wrap;min-width:0}.payroll-view-title{margin:0!important;color:var(--text-primary);min-width:0;word-break:break-word}.payroll-view-card{width:100%;max-width:100%;min-width:0;overflow:hidden;padding:20px;border-radius:20px!important;background:var(--surface-raised)!important;border:1px solid var(--border-soft);box-shadow:var(--shadow-soft)!important}.payroll-view-section-title{margin:0 0 12px!important;color:var(--text-primary);font-weight:700!important}.payroll-view-loading{min-height:240px;display:grid;place-items:center}.payroll-view-info-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;min-width:0}.payroll-view-info-item{padding:16px;border-radius:16px;border:1px solid var(--border-soft);background:var(--surface-base)}.payroll-view-info-label{color:var(--text-secondary)!important;margin-bottom:6px!important}.payroll-view-info-value{color:var(--text-primary);font-weight:600!important}.payroll-view-table-container{width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;border:1px solid var(--border-soft);border-radius:16px}.payroll-view-table-container table{min-width:1400px}.payroll-view-expand-wrap{padding:16px;background:var(--surface-base);min-width:0}.payroll-view-expand-grid{display:grid;grid-template-columns:1fr;gap:6px;color:var(--text-secondary)}.payroll-view-expand-grid b{color:var(--text-primary)}.payroll-view-copy-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media(min-width:768px){.payroll-view-expand-grid{grid-template-columns:1fr 1fr}}@media(max-width:900px){.payroll-view-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.payroll-view-card{padding:16px}.payroll-view-top-row{align-items:stretch}.payroll-view-title-group,.payroll-view-actions{flex-direction:column;align-items:stretch}.payroll-view-title-group>*,.payroll-view-actions>*{width:100%}.payroll-view-info-grid{grid-template-columns:1fr}.payroll-view-table-container table{min-width:1100px}}.payroll-add-page{display:grid;gap:16px;width:100%;min-width:0}.payroll-add-header{display:flex;justify-content:space-between;gap:16px;align-items:center}.payroll-add-title{margin:0!important;color:var(--text-primary)}.payroll-add-card{width:100%;min-width:0;overflow:hidden;padding:20px;border-radius:20px!important;background:var(--surface-raised)!important;border:1px solid var(--border-soft);box-shadow:var(--shadow-soft)!important}.payroll-add-section-title{margin:0 0 16px!important;color:var(--text-primary);font-weight:700!important}.payroll-add-grid{display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start}.payroll-add-checkbox{margin:0!important;min-height:56px;display:flex;align-items:center}.payroll-add-table-header{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:12px}.payroll-add-table-actions{flex-wrap:wrap}.payroll-add-table-container{width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;border:1px solid var(--border-soft);border-radius:16px}.payroll-add-loading{min-height:120px;display:grid;place-items:center}@media(max-width:1100px){.payroll-add-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.payroll-add-header{flex-direction:column;align-items:stretch}.payroll-add-card{padding:16px}.payroll-add-grid{grid-template-columns:1fr}.payroll-add-table-header{flex-direction:column;align-items:stretch}}