*{box-sizing:border-box}body{margin:0;min-width:0;background:#f4f6f9;color:#1f2937;letter-spacing:0}html,body,#root{width:100%;min-height:100%;overflow-x:hidden}:root{--page-padding: 24px;--card-gap: 14px}.portal-shell{min-height:100vh;min-width:0}.portal-sider{box-shadow:4px 0 18px #0f172a1f}.portal-brand{height:64px;display:flex;align-items:center;gap:10px;padding:0 20px;color:#fff;font-weight:700;white-space:nowrap}.portal-brand-mark{width:32px;height:32px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;background:#2fb344;color:#fff;font-weight:800}.portal-brand-logo{width:100%;max-width:190px;height:54px;object-fit:contain;flex:0 0 auto}.ant-layout-sider-collapsed .portal-brand-logo{width:52px;height:44px}.portal-brand span{display:flex;align-items:baseline;gap:6px}.portal-brand small{font-size:11px;font-weight:500;opacity:.72}.login-brand-logo{width:min(360px,88vw);height:210px;object-fit:contain;margin-bottom:4px}.portal-header{height:64px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7eb;background:#fff}.portal-user{margin-left:auto}.portal-user-text{display:flex;align-items:center;gap:8px;min-width:160px}.portal-content{min-height:calc(100vh - 64px);padding:var(--page-padding);background:#f4f6f9;min-width:0}.portal-mobile-title{margin-left:8px}.portal-drawer-user{display:flex;flex-direction:column;gap:14px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.page-header h3{margin:0}.page-header-extra{display:flex;align-items:center;gap:8px}.filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:16px;margin-bottom:14px;background:#fff;border:1px solid #e5e7eb;border-radius:6px}.responsive-filter>.ant-input-search,.responsive-filter>.ant-select,.responsive-filter>.ant-picker{min-width:180px;flex:1 1 180px}.table-surface{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:12px;overflow-x:auto}.project-gantt-surface{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:14px;overflow-x:auto}.project-gantt-header,.project-gantt-row{display:grid;grid-template-columns:240px minmax(520px,1fr);gap:14px;align-items:center}.project-gantt-header{margin-bottom:10px;color:#64748b;font-size:12px}.project-gantt-timeline{display:flex;justify-content:space-between;min-width:520px;border-bottom:1px solid #e5e7eb;padding-bottom:6px}.project-gantt-row{min-height:54px;border-bottom:1px solid #f1f5f9}.project-gantt-row:last-child{border-bottom:0}.project-gantt-label{display:flex;flex-direction:column;min-width:0}.project-gantt-track{position:relative;min-width:520px;height:30px;border-radius:4px;background:#f1f5f9;overflow:hidden}.project-gantt-bar{position:absolute;top:4px;bottom:4px;min-width:44px;border-radius:4px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;white-space:nowrap}.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.dashboard-action-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:14px}.dashboard-card{min-height:118px}.dashboard-action-card{border-color:#bfdbfe;background:#eff6ff}.dashboard-card.dashboard-action-card .ant-statistic-title{color:#1d4ed8;font-weight:700}.dashboard-card.dashboard-action-card .ant-statistic-content{color:#0f172a}.dashboard-card .ant-statistic-title{color:#64748b}.dashboard-link-card{cursor:pointer}.dashboard-schedule-date-cell{white-space:nowrap}.dashboard-lower-grid{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:14px}.report-week-bar{min-height:64px}.report-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:14px;align-items:start}.report-main-pane,.report-side-pane,.detail-surface,.summary-editor,.calendar-surface{background:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:16px}.report-main-pane{display:flex;flex-direction:column;gap:16px}.work-section{padding-bottom:16px;border-bottom:1px solid #eef2f7}.work-section:last-child{padding-bottom:0;border-bottom:0}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-title-row h4,.table-surface h4,.summary-editor h4{margin:0}.report-item-row{display:grid;grid-template-columns:220px 240px minmax(320px,1fr) 120px 42px;gap:10px;align-items:start}.vacation-editor-row{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid #eef2f7;border-radius:6px}.detail-surface{margin-bottom:14px}.report-status-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.wide-stat-card{grid-column:span 2}.department-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:14px;margin-bottom:14px}.customer-summary-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.customer-summary-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:14px;align-items:start}.customer-summary-list{max-height:calc(100vh - 310px);overflow-y:auto}.customer-summary-list-item{cursor:pointer;padding:14px 10px!important;border-radius:6px}.customer-summary-list-item.active,.selected-table-row>td{background:#edf7ef!important}.customer-summary-detail{display:flex;flex-direction:column;gap:14px;min-width:0}.customer-source-section{margin-top:14px}.customer-summary-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-summary-editor-grid .ant-input-affix-wrapper,.customer-summary-editor-grid textarea:last-child{grid-column:span 2}.summary-editor{margin-top:14px}.summary-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.calendar-surface .ant-picker-calendar-date{min-height:136px;overflow:visible!important}.calendar-surface .ant-picker-cell,.calendar-surface .ant-picker-cell-inner{overflow:visible!important}.calendar-surface .ant-picker-calendar-date-content{height:106px;overflow:visible!important}.calendar-cell-inner{height:106px;padding:2px 0;overflow:visible}.calendar-day-number{height:22px;display:flex;align-items:center;gap:6px;font-weight:600;color:#334155}.calendar-holiday-name{min-width:0;color:#e5484d;font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-cell-inner .ant-tag{width:100%;margin-inline-end:0;overflow:hidden}.calendar-event-stack{display:flex;flex-direction:column;gap:3px;width:100%}.calendar-event-bar{display:block;position:relative;z-index:1;height:20px;line-height:20px;padding:0 10px;color:#1f2937;font-size:12px;font-weight:500;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;box-shadow:inset 0 0 0 1px #0f172a0f}.calendar-event-bar-continuation{z-index:1;color:transparent}.calendar-event-bar-label{position:absolute;top:0;bottom:0;left:0;right:0;z-index:3;padding:0 12px;overflow:hidden;color:#1f2937;text-align:left;text-overflow:ellipsis;white-space:nowrap;pointer-events:none}.calendar-event-bar-single{border-radius:999px}.calendar-event-bar-start{border-radius:999px 0 0 999px;margin-right:-18px;padding-right:18px}.calendar-event-bar-middle{border-radius:0;margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px}.calendar-event-bar-end{border-radius:0 999px 999px 0;margin-left:-18px;padding-left:18px}.calendar-event-bar-labeled{z-index:10;color:#1f2937}.calendar-event-bar-annual{background:#dff3e5}.calendar-event-bar-half-day-am{background:#fff1c2}.calendar-event-bar-half-day-pm{background:#ffe0c7}.calendar-event-bar-business-trip{background:#dbeafe}.calendar-event-bar-other{background:#e5e7eb}.customer-contact-list{margin-bottom:18px}.responsive-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.form-grid-full{grid-column:1 / -1}.meeting-room-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.meeting-room-card{min-height:172px}.meeting-room-reservation-pill{min-height:30px;display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;background:#eef6ff;color:#1f2937;overflow:hidden}.meeting-room-reservation-pill span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-contact-row{display:grid;grid-template-columns:minmax(130px,1fr) minmax(130px,1fr) minmax(110px,.8fr) minmax(130px,1fr);gap:10px;align-items:start;padding:12px;margin-bottom:10px;border:1px solid #eef2f7;border-radius:6px}.customer-project-member-list{margin-bottom:18px}.customer-project-member-row{display:grid;grid-template-columns:minmax(180px,1.4fr) minmax(150px,1fr) minmax(140px,1fr) minmax(140px,1fr);gap:10px;align-items:start;padding:12px;margin-bottom:10px;border:1px solid #eef2f7;border-radius:6px}.customer-project-member-row .ant-btn{align-self:center;margin-top:30px}.customer-engagement-list{display:flex;flex-direction:column;gap:12px;margin-top:18px;padding-top:18px;border-top:1px solid #eef2f7}.mobile-card-list{display:none}.mobile-list-card{border-radius:6px}.mobile-card-meta{display:flex;flex-direction:column;gap:4px;margin-top:10px;color:#64748b;word-break:keep-all;overflow-wrap:anywhere}.report-action-buttons{justify-content:flex-end}.mobile-action-bar{position:sticky;bottom:0;z-index:10;display:flex;justify-content:stretch;padding:10px 0 0;margin-top:14px;background:linear-gradient(180deg,#f4f6f900,#f4f6f9 24%)}.mobile-action-bar .report-action-buttons,.mobile-action-bar .report-action-buttons .ant-space-item{width:100%}.mobile-action-bar .ant-btn{width:100%;min-height:40px}.customer-contact-row .ant-btn{align-self:center;margin-top:30px}.login-screen{min-height:100vh;display:grid;place-items:center;background:linear-gradient(180deg,#1720330f,#2fb3440f),#f4f6f9}.login-panel{width:420px;border-radius:8px;box-shadow:0 18px 48px #0f172a24}.super-login-panel{border-top:4px solid #6d5dfc}.super-admin-sider{background:#111827!important}.login-title{text-align:center;margin-bottom:24px}.login-title h2{margin-bottom:6px}.login-remember{margin-bottom:16px}.drawer-footer{display:flex;justify-content:flex-end;gap:8px}.readonly-field{min-height:32px;display:flex;align-items:center;color:#111827}.approval-write-drawer .ant-drawer-body{background:#fff;padding:24px}.approval-write-layout{display:grid;grid-template-columns:1fr;gap:18px;align-items:start}.approval-side-panel,.approval-document-panel,.approval-attachment-panel{background:transparent;border:0;border-radius:0;padding:0}.approval-side-panel{position:static;max-height:none;overflow:visible}.approval-document-panel{min-width:0}.approval-document-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.approval-line-row{display:grid;grid-template-columns:120px minmax(140px,1fr) minmax(140px,1fr) minmax(220px,1.5fr) 38px;gap:8px;align-items:start}.rich-editor{border:1px solid #d9d9d9;border-radius:6px;background:#fff;overflow:hidden}.rich-editor-toolbar{padding:8px;border-bottom:1px solid #e5e7eb;background:#fafafa}.rich-editor-body{padding:24px;outline:none;line-height:1.7;overflow-y:auto;background:#fff}.rich-editor-body h2{margin:16px 0 10px;font-size:20px}.rich-editor-body table,.approval-editor-table{width:100%;border-collapse:collapse;margin:14px 0}.rich-editor-body th,.rich-editor-body td,.approval-editor-table th,.approval-editor-table td{min-width:96px;min-height:36px;padding:10px;border:1px solid #d9d9d9;vertical-align:top}.rich-editor-body th,.approval-editor-table th{background:#f5f7fb;font-weight:700;text-align:center}.approval-attachment-panel{margin-top:14px;padding-top:16px;border-top:1px solid #f0f0f0}.approval-attachment-list{margin-top:8px}.approval-detail-content{min-height:120px;padding:16px;border:1px solid #e5e7eb;border-radius:8px;background:#fafafa;line-height:1.7;white-space:pre-wrap}.approval-progress-flow{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.approval-progress-node{display:inline-flex;align-items:center;gap:6px}.approval-progress-node .ant-tag{margin:0;padding:4px 10px;font-size:13px}.approval-progress-arrow{color:#94a3b8;font-size:11px}.leave-request-drawer .ant-drawer-body{background:#fff;padding:28px}.leave-request-sheet{border-top:2px solid #d1d5db;border-bottom:1px solid #e5e7eb;margin-bottom:18px}.leave-request-row{display:grid;grid-template-columns:220px minmax(0,1fr) 160px minmax(0,1fr);min-height:56px;border-bottom:1px solid #edf0f3}.leave-request-row:last-child{border-bottom:0}.leave-request-row.highlighted{background:#eef7ff}.leave-request-label{display:flex;align-items:center;padding:12px 16px;background:#fafafa;color:#64748b;font-weight:600;border-right:1px solid #edf0f3}.leave-request-label.required:before{content:"*";color:#ff4d4f;margin-right:4px}.leave-request-value{display:flex;align-items:center;padding:10px 14px;min-width:0}.leave-request-value[data-span="3"]{grid-column:span 3}.leave-request-value .ant-select,.leave-request-value .ant-picker,.leave-request-value textarea{max-width:100%}.leave-request-value .rich-editor{width:100%;flex:1 1 auto}.weekly-simple-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.weekly-editor-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.weekly-editor-split section{min-width:0}.weekly-editor-split .rich-editor{width:100%}.weekly-team-summary-list{display:grid;gap:12px}.weekly-readonly{gap:16px}.weekly-readonly section{padding:12px;border-radius:8px;background:#f7f9fc}.weekly-detail-meta{margin-bottom:20px}.weekly-member-detail .ant-card{min-width:0}.weekly-member-detail .ant-card-body{min-height:430px}.weekly-report-html{line-height:1.7;overflow-wrap:anywhere}.weekly-report-html table{width:100%;border-collapse:collapse}.weekly-report-html th,.weekly-report-html td{border:1px solid #d9d9d9;padding:8px}@media(max-width:900px){.weekly-editor-split{grid-template-columns:1fr}}@media(max-width:1360px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-action-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-lower-grid,.report-editor-layout{grid-template-columns:1fr}.report-item-row{grid-template-columns:200px 220px minmax(260px,1fr) 110px 42px}.department-dashboard-grid,.customer-summary-layout,.approval-write-layout{grid-template-columns:1fr}.approval-side-panel{position:static;max-height:none}.customer-summary-list{max-height:none}}@media(max-width:1199px){:root{--page-padding: 18px}.responsive-filter>.ant-input-search,.responsive-filter>.ant-select,.responsive-filter>.ant-picker{flex-basis:calc(50% - 8px)}.customer-contact-row,.customer-project-member-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:767px){:root{--page-padding: 12px;--card-gap: 10px}.portal-header{padding:0 12px;gap:8px}.portal-user{display:none}.page-header{align-items:stretch;flex-direction:column;gap:10px;margin-bottom:12px}.page-header h3{font-size:20px}.page-header-extra,.page-header-extra .ant-space,.page-header-extra .ant-space-item,.page-header-extra .ant-btn{width:100%}.filter-bar{display:grid;grid-template-columns:1fr;align-items:stretch;padding:12px}.filter-bar>.ant-input-search,.filter-bar>.ant-select,.filter-bar>.ant-picker,.filter-bar>.ant-btn,.responsive-filter>.ant-input-search,.responsive-filter>.ant-select,.responsive-filter>.ant-picker{width:100%!important;min-width:0}.table-surface,.report-main-pane,.report-side-pane,.detail-surface,.summary-editor,.calendar-surface{padding:12px}.mobile-card-list{display:flex;flex-direction:column;gap:var(--card-gap)}.dashboard-grid,.dashboard-action-strip,.report-status-grid,.customer-summary-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dashboard-card{min-height:96px}.department-dashboard-grid,.dashboard-lower-grid,.report-editor-layout,.customer-summary-layout{grid-template-columns:1fr}.report-item-row{grid-template-columns:1fr;padding:12px;border:1px solid #eef2f7;border-radius:6px}.report-item-row .ant-select,.report-item-row .ant-input-number,.report-item-row .ant-btn,.vacation-editor-row .ant-picker,.vacation-editor-row .ant-btn,.vacation-editor-row .ant-space,.vacation-editor-row .ant-space-item,.vacation-editor-row .ant-space-compact{width:100%}.section-title-row{align-items:stretch;flex-direction:column}.section-title-row .ant-btn{width:100%}.responsive-form-grid,.customer-contact-row,.customer-project-member-row,.summary-editor-grid,.customer-summary-editor-grid{grid-template-columns:1fr}.form-grid-full{grid-column:auto}.meeting-room-grid{grid-template-columns:1fr}.customer-summary-editor-grid .ant-input-affix-wrapper,.customer-summary-editor-grid textarea:last-child{grid-column:auto}.customer-contact-row,.customer-project-member-row{padding:12px}.customer-contact-row .ant-btn,.customer-project-member-row .ant-btn{width:100%;margin-top:0}.responsive-drawer .ant-drawer-body{padding:12px 12px 72px}.ant-drawer-right>.ant-drawer-content-wrapper{width:100%!important}.responsive-drawer .ant-drawer-extra,.responsive-drawer .ant-drawer-extra .ant-space,.responsive-drawer .ant-drawer-extra .ant-space-item,.responsive-drawer .ant-drawer-extra .ant-btn{width:100%}.customer-summary-list{max-height:none}.ant-tabs-nav{margin-bottom:10px!important}.calendar-surface{overflow-x:auto}.approval-write-drawer .ant-drawer-body,.approval-side-panel,.approval-document-panel,.approval-attachment-panel{padding:12px}.approval-line-row,.leave-request-row{grid-template-columns:1fr}.leave-request-label{border-right:0;border-bottom:1px solid #edf0f3}.leave-request-value,.leave-request-value[data-span="3"]{grid-column:auto}.leave-request-value .ant-select,.leave-request-value .ant-picker,.leave-request-value .ant-input,.leave-request-value textarea{width:100%!important}.rich-editor-body{padding:14px}.calendar-surface .ant-picker-calendar-date{min-height:58px}.calendar-surface .ant-picker-calendar-date-content{height:44px;overflow:hidden!important}.calendar-cell-inner{height:44px}.calendar-cell-mobile{display:flex;flex-direction:column;gap:2px}.calendar-day-number{height:18px}.responsive-modal{max-width:calc(100vw - 16px);top:8px;padding-bottom:8px}.ant-typography,.ant-card,.ant-table,.ant-form{overflow-wrap:anywhere;word-break:keep-all}}@media(max-width:420px){.dashboard-grid,.report-status-grid,.customer-summary-stat-grid{grid-template-columns:1fr}}.organization-team-card{margin-top:12px}.organization-member{padding:8px 4px;border-bottom:1px solid #f0f0f0}