:root{--dthr-primary:#0f4c5c;--dthr-primary-hover:#0a3843;--dthr-accent:#e36414;--dthr-bg:#f3f5f7;--dthr-surface:#fff;--dthr-border:#d9e0e6;--dthr-text:#1c252b;--dthr-muted:#5c6b73;--dthr-sidebar:#0f4c5c;color:var(--dthr-text);background:var(--dthr-bg);font-family:Be Vietnam Pro,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at top left, #0f4c5c14, transparent 40%), linear-gradient(180deg, #eef2f4 0%, var(--dthr-bg) 40%)}a{color:inherit;text-decoration:none}.page-title{color:var(--dthr-primary);margin:0 0 4px;font-size:22px;font-weight:700}.page-subtitle{color:var(--dthr-muted);margin:0 0 20px}.login-shell{background:linear-gradient(135deg,#0f4c5ceb,#0f4c5cbf),radial-gradient(circle at 20% 20%,#e3641459,#0000 45%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--dthr-surface);border-radius:12px;width:min(420px,100%);padding:32px 28px;box-shadow:0 20px 50px #0c283040}.login-brand{flex-direction:column;align-items:center;gap:10px;margin-bottom:8px;display:flex}.login-shell-footer{pointer-events:none;justify-content:center;display:flex;position:fixed;bottom:16px;left:0;right:0}.app-logo{align-items:center;gap:10px;min-width:0;display:inline-flex}.app-logo__img{object-fit:contain;flex-shrink:0;display:block}.sidebar-brand{justify-content:center;align-items:center;min-height:64px;padding:12px 10px;display:flex;overflow:hidden}.sidebar-brand--expanded{justify-content:flex-start;padding-inline:14px}.sidebar-copyright{margin-top:auto;padding:12px 16px 16px}.ant-layout-sider-children{flex-direction:column;min-height:100%;display:flex}.ant-layout-sider-children>.ant-menu{flex:1;overflow:auto}.app-copyright{color:var(--dthr-muted);align-items:center;gap:8px;font-size:11px;line-height:1.4;display:inline-flex}.app-copyright--compact{font-size:10px}.app-copyright--light{color:#ffffffb8}.google-signin-btn{justify-content:center;width:100%;min-height:44px;display:flex}.google-signin-btn--loading{align-items:center}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--dthr-surface);border:1px solid var(--dthr-border);border-radius:10px;padding:16px 18px}.stat-card .label{color:var(--dthr-muted);font-size:13px}.stat-card .value{color:var(--dthr-primary);margin-top:8px;font-size:28px;font-weight:700}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.payroll-grid-table .ant-table-thead>tr>th{background:#fafafa!important}.payroll-grid-table .ant-table-cell-fix-left,.payroll-grid-table .ant-table-cell-fix-right{z-index:3;background:#fafafa!important}.payroll-grid-table .ant-table-thead .ant-table-cell-fix-left,.payroll-grid-table .ant-table-thead .ant-table-cell-fix-right{z-index:4}.payroll-demo-table .ant-table-summary>tr>td{white-space:nowrap;font-weight:600;background:#f3f6f4!important}.payroll-demo-table .ant-table-header .ant-table-summary>tr>td{border-bottom:1px solid #d9d9d9}.payroll-demo-table .ant-table-cell-fix-left,.payroll-demo-table .ant-table-cell-fix-right{overflow:hidden}.payroll-demo-table .ant-table-thead .ant-table-cell-fix-left,.payroll-demo-table .ant-table-thead .ant-table-cell-fix-right{z-index:4;background:#fafafa!important}.payroll-demo-table .ant-table-tbody .ant-table-cell-fix-left,.payroll-demo-table .ant-table-tbody .ant-table-cell-fix-right{z-index:2;background:#fff}.payroll-demo-table .ant-table-tbody>tr.ant-table-row:hover>.ant-table-cell-fix-left,.payroll-demo-table .ant-table-tbody>tr.ant-table-row:hover>.ant-table-cell-fix-right{background:#fafafa}.payroll-demo-table .ant-table-summary .ant-table-cell-fix-left,.payroll-demo-table .ant-table-summary .ant-table-cell-fix-right{z-index:3;background:#f3f6f4!important}.payroll-demo-table .ant-table-tbody>tr>td,.payroll-demo-table .ant-table-summary>tr>td{white-space:nowrap}.payroll-demo-table .ant-table-cell-ellipsis,.payroll-demo-table .ant-table-summary .ant-table-cell-fix-left,.payroll-demo-table .ant-table-summary .ant-table-cell-fix-right{text-overflow:ellipsis}.app-header-start{flex:1;align-items:center;gap:4px;min-width:0;display:flex}.app-header-title{flex:1;min-width:0}.app-header-user{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:160px;overflow:hidden}.app-mobile-nav-drawer .ant-drawer-body{flex-direction:column;min-height:100%;display:flex}.app-mobile-nav-drawer .ant-menu{flex:1;overflow:auto}@media (width<=991px){.page-title{font-size:20px}.page-subtitle{margin-bottom:16px;font-size:14px}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.stat-card{padding:14px 16px}.stat-card .value{font-size:24px}.toolbar{gap:8px}.toolbar .ant-space{flex-wrap:wrap}.toolbar .ant-picker,.toolbar .ant-select,.toolbar .ant-input-affix-wrapper,.toolbar .ant-input{width:100%;max-width:100%}.app-main-content .ant-table-wrapper{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.app-main-content .ant-table-content>table{min-width:max-content}.app-main-content .ant-tabs-nav{margin-bottom:12px}.app-main-content .ant-tabs-nav-wrap{overflow:auto hidden}.app-header-user{max-width:120px;padding-inline:8px}}@media (width<=576px){.login-shell{padding:16px 12px 72px;padding-top:max(16px, env(safe-area-inset-top));align-content:start}.login-card{padding:24px 20px}.login-shell-footer{bottom:max(12px, env(safe-area-inset-bottom));padding-inline:12px}.page-title{font-size:18px}.stat-grid{grid-template-columns:1fr 1fr}.google-signin-btn{width:100%}.google-signin-btn>div{width:100%!important}.google-signin-btn iframe{max-width:100%;width:100%!important}.ant-modal{padding-bottom:0;max-width:calc(100vw - 16px)!important;margin:8px auto!important}.ant-modal-content{padding:16px!important}.ant-drawer-content-wrapper{width:100%!important;max-width:100vw!important}.app-footer-copyright .app-copyright{text-align:center;flex-wrap:wrap;justify-content:center}}