:root{--color-primary: #1677ff;--color-bg: #f5f6f8;--color-surface: #ffffff;--color-text-primary: #1f2329;--color-text-secondary: #646a73;--color-text-muted: #8f959e;--color-border: #e5e6eb;--color-success: #16a34a;--color-warning: #d97706;--color-danger: #dc2626;--color-info: #1677ff;--color-on-primary: #ffffff;--color-primary-soft: #eaf3ff;--color-brand-bg: #f2f7fd;--color-brand-border: #dce8f7;--color-brand-text: #15395b;--color-brand-secondary: #536f8a;--color-brand-muted: #70879d;--font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", Arial, sans-serif;--font-page-title: 600 22px/1.35 var(--font-family);--font-section-title: 600 16px/1.4 var(--font-family);--font-body: 400 14px/1.55 var(--font-family);--font-table: 400 13px/1.45 var(--font-family);--font-caption: 400 12px/1.4 var(--font-family);--header-height: 56px;--sidebar-width: 220px;--sidebar-collapsed-width: 64px;--page-padding: 20px;--card-radius: 8px;--control-radius: 6px}@media(max-width:767px){:root{--page-padding: 12px}}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text-primary);font:var(--font-body);text-rendering:optimizeLegibility}button,input,textarea,select{font:inherit}a{color:inherit}.page-stack{display:flex;flex-direction:column;gap:16px;min-width:0}.surface-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--card-radius)}.secondary-text{color:var(--color-text-secondary)}.muted-text{color:var(--color-text-muted)}.mobile-only{display:none}@media(max-width:991px){.desktop-only{display:none!important}.mobile-only{display:block}}.feedback-state{display:flex;min-height:280px;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:var(--color-text-secondary)}.feedback-state--fullscreen{min-height:100vh}.empty-state{display:flex;min-height:240px;align-items:center;justify-content:center;flex-direction:column;padding:24px}.app-logo{display:flex;height:var(--header-height);align-items:center;gap:10px;overflow:hidden;white-space:nowrap}.app-logo__mark{display:inline-grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:7px;background:var(--color-primary);color:var(--color-on-primary);font-size:13px;font-weight:700;letter-spacing:.03em}.app-logo__name{font-weight:600;color:var(--color-text-primary)}.app-logo--compact{justify-content:center}.app-shell{min-height:100vh}.app-sider{position:fixed!important;inset:0 auto 0 0;z-index:20;border-right:1px solid var(--color-border)}.app-sider .app-logo{padding:0 15px;border-bottom:1px solid var(--color-border)}.app-sider .ant-menu{padding:8px;border-inline-end:0!important}.app-sider__navigation{height:calc(100vh - var(--header-height));overflow-x:hidden;overflow-y:auto;padding-bottom:16px}.app-sider__note{position:absolute;right:14px;bottom:16px;left:14px;padding:10px;border-radius:6px;background:var(--color-bg);color:var(--color-text-muted);font:var(--font-caption)}.app-main{width:calc(100% - var(--sidebar-width));min-width:0;margin-left:var(--sidebar-width);transition:margin-left .2s ease}.app-main--collapsed{width:calc(100% - var(--sidebar-collapsed-width));margin-left:var(--sidebar-collapsed-width)}.app-main--mobile{width:100%;margin-left:0}.app-header{position:sticky;top:0;z-index:15;display:flex;height:var(--header-height);align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--color-border);line-height:normal}.app-header__start{display:flex;min-width:0;align-items:center;gap:8px}.account-button{height:40px!important;padding-inline:8px!important}.app-content{width:100%;min-width:0;padding:var(--page-padding)}.mobile-shell{min-height:100vh;background:var(--color-bg)}.mobile-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:10px 16px;background:var(--color-surface);border-bottom:1px solid var(--color-border)}.mobile-header__identity{display:flex;align-items:center;gap:10px}.mobile-content{width:100%;max-width:620px;margin:0 auto;padding:16px 16px calc(88px + env(safe-area-inset-bottom))}.mobile-bottom-nav{position:fixed;right:0;bottom:0;left:0;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:0 -2px 12px #0000000f}.mobile-bottom-nav button{display:flex;min-height:50px;align-items:center;justify-content:center;gap:3px;flex-direction:column;border:0;background:transparent;color:var(--color-text-secondary);font-size:12px;cursor:pointer}.mobile-bottom-nav button>span:first-child{font-size:21px}.mobile-bottom-nav button.is-active{color:var(--color-primary);font-weight:600}.mobile-page{display:flex;flex-direction:column;gap:14px}.mobile-documents-page{gap:10px}.mobile-documents-page>h3{margin:0 0 2px}.mobile-document-list{display:flex;flex-direction:column;gap:10px}.mobile-document-list .ant-list-item{padding:0;border:0}.mobile-document-card{padding:12px 14px;border-radius:12px;cursor:pointer}.mobile-document-card .ant-card-body{padding:0}.mobile-document-card__top{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:10px}.mobile-document-card__title{min-width:0;flex:1;font-size:16px}.mobile-document-card__actions{display:flex;flex:0 0 auto;align-items:center;gap:6px}.mobile-document-card__actions .ant-tag{margin-inline-end:0}.mobile-document-card__meta{display:block;margin-top:3px;font-size:14px}.mobile-page-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.mobile-page-title h3,.mobile-welcome h3{margin:0}.mobile-card{border-radius:12px}.mobile-event-row{display:flex;align-items:center;justify-content:space-between;min-height:48px;border-bottom:1px solid var(--color-border)}.mobile-event-row:last-of-type{border-bottom:0}.mobile-next-hint{margin-top:12px;padding:10px;border-radius:8px;background:var(--color-bg);color:var(--color-text-secondary)}.mobile-primary-action{min-height:48px;margin-top:4px}.signature-card{display:flex;flex-direction:column;gap:14px}.signature-canvas{display:block;width:100%;height:220px;touch-action:none;border:1px dashed var(--color-border-strong);border-radius:8px;background:#fff}.signature-preview{max-width:100%;max-height:160px;object-fit:contain;border:1px solid var(--color-border)}.scanner-card{display:flex;flex-direction:column;gap:12px}.qr-video{width:100%;min-height:220px;border-radius:10px;background:#111;object-fit:cover}.scanner-icon{align-self:center;margin-top:-52px;margin-bottom:28px;color:#fff;font-size:42px;filter:drop-shadow(0 1px 2px #000)}.mobile-result{align-items:center;justify-content:center;min-height:60vh;text-align:center}.success-icon{color:#39a869;font-size:64px}.mobile-history-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin-bottom:12px}.mobile-history-page{gap:10px}.mobile-history-page>h3{margin:0}.mobile-history-filters{gap:6px!important}.mobile-history-collapse{background:transparent;border:0}.mobile-history-collapse>.ant-collapse-item{margin-bottom:8px;overflow:hidden;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface)}.mobile-history-collapse .ant-collapse-header{padding:10px 12px!important}.mobile-history-summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;min-width:0}.mobile-history-summary>div{display:flex;min-width:0;align-items:center;gap:6px}.mobile-history-summary .ant-typography{min-width:0}.mobile-history-summary .ant-tag{margin-inline-end:0}.mobile-history-detail{padding:0}.mobile-history-detail .ant-card-body{padding:4px 0 0}.mobile-history-metrics{display:grid;grid-template-columns:1fr 1fr;gap:6px 16px;padding-top:10px;border-top:1px solid var(--color-border)}.mobile-card-row,.mobile-profile{display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-profile{justify-content:flex-start;padding:8px 0}.mobile-profile h3{margin:0}.signature-meta{margin-bottom:10px;color:var(--color-text-secondary)}.mobile-signature-image{display:block;width:100%;max-height:160px;margin-bottom:14px;object-fit:contain;border:1px solid var(--color-border)}.attendance-qr-display{display:flex;min-height:430px;align-items:center;justify-content:center;gap:12px;flex-direction:column;text-align:center;background:var(--color-surface)}.attendance-qr-display:fullscreen{padding:48px;background:#fff}.attendance-qr-display:fullscreen svg{width:min(70vw,620px);height:auto}.page-header{display:flex;min-height:58px;align-items:flex-start;justify-content:space-between;gap:16px}.page-header__copy{min-width:0}.page-header h1{margin:0;color:var(--color-text-primary);font:var(--font-page-title)}.page-header .ant-breadcrumb+h1{margin-top:8px}.page-header p{margin:5px 0 0;color:var(--color-text-secondary)}.page-header__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.search-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:12px}.search-toolbar__filters,.search-toolbar__actions{display:flex;min-width:0;align-items:center;gap:8px}.search-toolbar__mobile-trigger{display:none}.search-toolbar__filters{flex:1 1 640px;flex-wrap:wrap}.search-toolbar__filters .ant-input-affix-wrapper{width:260px}.search-toolbar__filters .ant-select{width:150px}.standard-table{overflow:hidden}.standard-table .ant-table-pagination{margin-inline:12px!important}.table-subtext{margin-top:2px;color:var(--color-text-muted);font:var(--font-caption)}.section-heading.ant-typography{margin:0 0 10px;font:var(--font-section-title)}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.stats-grid .ant-card-body{padding:16px}.stats-grid .ant-statistic-title{margin-bottom:6px;color:var(--color-text-secondary)}.stats-grid .ant-statistic-content{font-size:24px;font-weight:600}.quick-action-grid{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:8px}.quick-action{justify-content:flex-start;height:44px!important;padding-inline:14px!important;background:var(--color-surface)}.pending-panel{padding:16px}.pending-panel .ant-list-item{padding-inline:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.form-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.coming-soon{min-height:360px}.entry-card .ant-card-body{display:flex;gap:14px}.entry-card__icon{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;border-radius:8px;background:var(--color-primary-soft);color:var(--color-primary);font-size:19px}.entry-card__content .ant-typography{margin-top:0;margin-bottom:5px}.entry-card__content h3.ant-typography{font:var(--font-section-title)}.entry-card__content .ant-btn-link{height:auto;padding:0}.dashboard-note{max-width:720px;padding:16px}.runtime-fingerprint{position:fixed;right:12px;bottom:8px;z-index:20;padding:3px 8px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text-muted);font:var(--font-caption);pointer-events:none}.dashboard-note .ant-typography{margin:0}.employee-card-list,.organization-card-list{flex-direction:column;gap:10px}.organization-card-list dl{display:grid;gap:7px;margin:14px 0 8px}.organization-card-list dl div{display:grid;grid-template-columns:88px minmax(0,1fr);gap:8px}.organization-card-list dt{color:var(--color-text-secondary)}.organization-card-list dd{margin:0;overflow:hidden;text-overflow:ellipsis}.employment-period-card-list{flex-direction:column;gap:10px}.employment-period-card--current{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary-soft)}.employment-period-card dl{display:grid;gap:7px;margin:14px 0 0}.employment-period-card dl div{display:grid;grid-template-columns:88px minmax(0,1fr);gap:8px}.employment-period-card dt{color:var(--color-text-secondary)}.employment-period-card dd{margin:0;overflow-wrap:anywhere}.security-event-card-list{flex-direction:column;gap:10px}.security-event-card-list dl{display:grid;gap:7px;margin:14px 0 0}.security-event-card-list dl div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:8px}.security-event-card-list dt{color:var(--color-text-secondary)}.security-event-card-list dd{margin:0;overflow-wrap:anywhere}.employee-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.employee-card__top strong,.employee-card__top span{display:block}.employee-card__top span{margin-top:2px;color:var(--color-text-muted);font:var(--font-caption)}.employee-card dl{display:grid;gap:7px;margin:14px 0 8px}.employee-card dl div{display:grid;grid-template-columns:88px minmax(0,1fr);gap:8px}.employee-card dt{color:var(--color-text-secondary)}.employee-card dd{margin:0;overflow:hidden;text-overflow:ellipsis}.mobile-empty{padding:44px 12px;border:1px solid var(--color-border);border-radius:var(--card-radius);background:var(--color-surface);color:var(--color-text-muted);text-align:center}.employee-detail-summary{display:flex;flex-wrap:wrap;gap:32px;padding:14px 16px}.employee-detail-summary>div{display:flex;align-items:center;gap:10px}.employee-detail-summary__label{color:var(--color-text-secondary)}.employee-tabs{padding:0 16px 16px}.attendance-date-nav .ant-picker{width:132px}.attendance-card-list{flex-direction:column;gap:10px}.attendance-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;margin-bottom:12px}.attendance-card__header strong,.attendance-card__header span{display:block}.attendance-card__header span{margin-top:2px;color:var(--color-text-muted);font:var(--font-caption)}.attendance-card__times{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0;color:var(--color-text-secondary)}.attendance-card__reason{display:-webkit-box;margin:10px 0;overflow:hidden;color:var(--color-text-secondary);-webkit-box-orient:vertical;-webkit-line-clamp:2}.attendance-card .ant-btn-block{margin-top:12px}.drawer-stack{display:flex;flex-direction:column;gap:20px}.drawer-stack h5.ant-typography{margin:0 0 10px}.drawer-stack .empty-state{min-height:120px;padding:10px}.drawer-actions{display:flex;flex-wrap:wrap;gap:8px;padding-top:4px;border-top:1px solid var(--color-border)}.locked-notice{padding:10px 12px;border:1px solid #ffccc7;border-radius:var(--control-radius);background:#fff2f0;color:#a8071a}.fact-details{max-height:220px;margin:0;overflow:auto;padding:12px;border-radius:var(--control-radius);background:var(--color-bg);color:var(--color-text-secondary);font:12px/1.6 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;white-space:pre-wrap}.login-page{display:grid;min-height:100vh;grid-template-columns:minmax(360px,.9fr) minmax(500px,1.1fr);background:var(--color-surface)}.login-brand{display:flex;min-height:100vh;flex-direction:column;padding:32px clamp(36px,6vw,88px);border-right:1px solid var(--color-brand-border);background:var(--color-brand-bg)}.login-brand__content{margin:auto 0}.login-brand__content h1.ant-typography{max-width:560px;margin-bottom:18px;color:var(--color-brand-text);font-size:clamp(30px,3.1vw,46px);line-height:1.25}.login-brand__content p.ant-typography{max-width:480px;color:var(--color-brand-secondary);font-size:16px}.login-brand__footer{color:var(--color-brand-muted);font:var(--font-caption)}.login-form-panel{display:grid;min-width:0;place-items:center;padding:32px}.login-card{width:min(100%,400px)}.login-card>h2.ant-typography{margin:0 0 8px;font-size:26px}.login-card__mobile-logo{display:none;margin-bottom:32px}.login-card__alert{margin:20px 0}.login-card__submit{margin-top:8px}@media(max-width:1023px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-page{grid-template-columns:minmax(320px,.8fr) minmax(420px,1.2fr)}.login-brand{padding-inline:36px}}@media(max-width:991px){.app-content{overflow:hidden}.account-button__name{display:none}.page-header{min-height:0;flex-direction:column}.page-header__actions{width:100%;justify-content:flex-start}.search-toolbar{align-items:center;flex-direction:row}.search-toolbar__filters--desktop{display:none}.search-toolbar__mobile-trigger{display:block}.search-toolbar__mobile-trigger .ant-btn{min-width:88px}.filter-drawer .search-toolbar__filters{align-items:stretch;flex-direction:column;width:100%;gap:12px}.search-toolbar__actions{justify-content:flex-end;margin-left:auto}.filter-drawer .search-toolbar__filters .ant-input-affix-wrapper,.filter-drawer .search-toolbar__filters .ant-select,.filter-drawer .search-toolbar__filters .ant-picker{width:100%}.employee-card-list.mobile-only,.attendance-card-list.mobile-only{display:flex}.employee-tabs{padding-inline:12px;overflow:hidden}.detail-descriptions .ant-descriptions-item-label{width:116px}.dashboard-grid{grid-template-columns:1fr}.quick-action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-page{display:block;background:var(--color-bg)}.login-brand{display:none}.login-form-panel{min-height:100vh;align-items:start;padding:28px 20px;background:var(--color-surface)}.login-card{margin-top:min(16vh,96px)}.login-card__mobile-logo{display:block}}@media(max-width:420px){.app-header{padding-inline:8px}.employee-detail-summary{flex-direction:column;gap:10px}.login-form-panel{padding-inline:16px}.stats-grid,.quick-action-grid,.form-grid,.form-grid--three{grid-template-columns:1fr}}@media(max-width:767px){.app-content{padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom))}.page-header{gap:10px}.page-header h1{font-size:20px}.page-header p{font-size:13px}.page-header__actions{gap:6px}.page-header__actions>*{max-width:100%}.ant-btn{min-height:40px}.ant-btn.ant-btn-icon-only{min-width:40px}.ant-drawer-content-wrapper{max-width:100vw}.ant-drawer-right .ant-drawer-content-wrapper,.ant-drawer-left .ant-drawer-content-wrapper{width:100vw!important}.ant-drawer-body{padding:16px 12px!important}.ant-modal{max-width:calc(100vw - 24px);margin:12px auto}.ant-modal-content{max-height:calc(100vh - 24px);overflow:auto}.ant-modal-footer{position:sticky;bottom:0;z-index:1;margin-inline:-24px;padding:12px 24px;background:var(--color-surface)}.form-grid,.form-grid--three{grid-template-columns:1fr;gap:0}.section-heading-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.section-heading-row h3{min-width:0;margin:0}.drawer-actions,.drawer-stack .ant-space{flex-wrap:wrap}.fact-details{max-width:100%;overflow-wrap:anywhere}.employee-detail-summary{padding:12px}.employee-tabs{padding:0 10px 12px}.employee-tabs .ant-tabs-nav{overflow-x:auto}.employee-tabs .ant-tabs-tab{padding-inline:8px}.standard-table{overflow-x:auto}.standard-table .ant-table-wrapper{min-width:0}.attendance-card,.employee-card{overflow:hidden}.attendance-card__header>div,.employee-card__top>div{min-width:0}.attendance-card__header strong,.employee-card__top strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ant-descriptions .ant-descriptions-item-content{overflow-wrap:anywhere}.sticky-action-bar{position:sticky;bottom:0;z-index:5;margin:12px -12px calc(-12px - env(safe-area-inset-bottom));padding:12px 12px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:var(--color-surface)}}