*{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-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}.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.dashboard-card{min-height:118px}.dashboard-card .ant-statistic-title{color:#64748b}.dashboard-link-card{cursor:pointer}.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}.calendar-surface .ant-picker-calendar-date-content{height:106px;overflow-y:hidden!important}.calendar-cell-inner{height:106px;padding:2px 0;overflow:hidden}.calendar-day-number{height:22px;font-weight:600;color:#334155}.calendar-cell-inner .ant-tag{width:100%;margin-inline-end:0;overflow:hidden;text-overflow:ellipsis}.customer-contact-list{margin-bottom:18px}.responsive-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.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}.login-title{text-align:center;margin-bottom:24px}.login-title h2{margin-bottom:6px}.drawer-footer{display:flex;justify-content:flex-end;gap:8px}.readonly-field{min-height:32px;display:flex;align-items:center;color:#111827}@media(max-width:1360px){.dashboard-grid{grid-template-columns:repeat(2,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{grid-template-columns:1fr}.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,.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}.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}.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}}