.project-management-page{--project-blue:#1769e0;--project-ink:#1d2939;--project-muted:#667085;--project-line:#dfe5ec;--project-soft:#f6f8fb;width:100%}
.project-management-page .hero{margin-bottom:18px}.project-management-page .hero>div{min-width:0}.project-management-page .hero>div>p{max-width:760px}
.project-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 12px}
.project-summary>div{min-height:82px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:end;gap:2px 12px;padding:15px 17px;border:1px solid var(--project-line);border-radius:12px;background:#fff;box-shadow:0 4px 16px rgba(16,24,40,.035)}
.project-summary span{align-self:start;color:var(--project-muted);font-size:11px;font-weight:650}.project-summary b{grid-row:1/3;grid-column:2;align-self:center;color:var(--project-ink);font-size:24px;letter-spacing:-.035em}.project-summary small{align-self:end;color:#8792a5;font-size:10px}
.project-filters{display:grid;grid-template-columns:minmax(280px,1.65fr) repeat(4,minmax(118px,.68fr)) auto;align-items:end;gap:10px;margin:0 0 12px;padding:14px 15px;border:1px solid var(--project-line);border-radius:12px;background:#fff;box-shadow:0 4px 16px rgba(16,24,40,.035)}
.project-filters label{min-width:0;display:block;margin:0}.project-filters label>span{display:block;margin:0 0 6px;color:#475467;font-size:10px;font-weight:700}
.project-filters input,.project-filters select{width:100%;height:42px;margin:0;padding:0 11px;border:1px solid #d0d5dd;border-radius:8px;background:#fff;color:#344054;font-size:12px;outline:none}
.project-filters input:focus,.project-filters select:focus{border-color:var(--project-blue);box-shadow:0 0 0 3px rgba(23,105,224,.11)}
.project-filter-search>div{position:relative}.project-filter-search svg{position:absolute;z-index:1;left:12px;top:50%;width:17px;height:17px;transform:translateY(-50%);fill:none;stroke:#667085;stroke-width:1.8}.project-filter-search input{padding-left:38px}
.project-filter-actions{display:flex;gap:7px}.project-filter-actions .primary,.project-filter-actions .secondary{min-width:66px;height:42px;display:inline-flex;align-items:center;justify-content:center;padding:0 13px;font-size:11px;white-space:nowrap}
.project-list-panel{overflow:hidden}.project-list-panel .panel-title{align-items:center}.project-list-panel .panel-title>div{min-width:0}.project-list-panel .panel-title h2{margin-bottom:3px}.project-list-panel .result-count{color:var(--project-muted);font-size:11px}
.project-list-panel .organization-table-wrap{border-top:1px solid #eef1f4}.project-list-panel .project-table{min-width:1180px;table-layout:fixed}
.project-table th,.project-table td{padding:12px 14px;vertical-align:middle}.project-table th{color:#596579;font-size:11px}.project-table td{color:#344054;font-size:12px;line-height:1.45}
.project-table th:nth-child(1){width:150px}.project-table th:nth-child(2){width:27%}.project-table th:nth-child(3){width:110px}.project-table th:nth-child(4),.project-table th:nth-child(5){width:205px}.project-table th:nth-child(6){width:92px}.project-table th:nth-child(7){width:92px}
.project-code{font-size:11px;font-weight:650;white-space:nowrap}.project-name,.project-manager{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-name{font-weight:650}.project-manager{color:#475467;font-size:11px}
.project-category{display:inline-flex;align-items:center;min-height:25px;padding:3px 8px;border-radius:999px;background:#f0f2f5;color:#596579;font-size:10px;font-weight:700;white-space:nowrap}.project-category.category-code1{background:#eaf3ff;color:#175cd3}.project-category.category-code2{background:#edf8f3;color:#087a5b}
.project-table .organization-row-action{text-align:right}.project-table .organization-row-action a{font-size:11px;font-weight:700;white-space:nowrap}
.project-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:14px 18px;border-top:1px solid #edf0f4;background:#fbfcfe}.project-pagination a,.project-pagination span{min-width:72px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border:1px solid #d7dee8;border-radius:8px;background:#fff;color:#1769e0;font-size:11px;text-decoration:none}.project-pagination a:hover,.project-pagination a:focus-visible{border-color:#99bce9;background:#eef5ff;outline:3px solid rgba(23,105,224,.1)}.project-pagination span{color:#98a2b3;background:#f5f6f8}.project-pagination b{color:#596579;font-size:11px;font-weight:650}
.project-management-page .management-dialog{width:min(620px,calc(100vw - 32px))}.project-management-page .management-dialog-form{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.project-management-page .management-dialog-form p{min-width:0}.project-management-page .management-dialog-form p:first-of-type,.project-management-page .management-dialog-form p:last-of-type,.project-management-page .management-dialog-form footer{grid-column:1/-1}.project-management-page .management-dialog-form label{display:block;margin-bottom:6px;color:#344054;font-size:11px;font-weight:700}.project-management-page .management-dialog-form .form-control{min-height:42px;font-size:12px}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:1180px){.project-filters{grid-template-columns:minmax(260px,1.4fr) repeat(2,minmax(130px,.7fr))}.project-filter-actions{grid-column:auto}.project-list-panel .project-table{min-width:1120px}}
@media(max-width:820px){.project-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.project-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.project-filter-search{grid-column:1/-1}.project-filter-actions{align-self:end}.project-filter-actions .primary,.project-filter-actions .secondary{flex:1;min-height:44px}.project-filters input,.project-filters select{height:44px}}
@media(max-width:680px){.project-summary{gap:8px}.project-summary>div{min-height:72px;padding:12px 13px}.project-summary b{font-size:21px}.project-filters{grid-template-columns:1fr;padding:13px}.project-filter-search{grid-column:auto}.project-filter-actions{grid-column:auto}.project-list-panel .project-table{min-width:0}.project-table .project-name,.project-table .project-manager{overflow:visible;text-overflow:clip;white-space:normal}.project-table .project-code{white-space:normal;overflow-wrap:anywhere}.project-table tbody td:nth-child(2),.project-table tbody td:nth-child(4),.project-table tbody td:nth-child(5){grid-column:1/-1}.project-pagination{gap:8px;padding:12px}.project-pagination b{flex:1;text-align:center}.project-pagination a,.project-pagination span{min-width:64px;min-height:44px;padding:0 8px}.project-management-page .management-dialog-form{display:block}}
@media(max-width:420px){.project-summary{grid-template-columns:1fr 1fr}.project-summary span{font-size:10px}.project-summary b{font-size:19px}.project-pagination b{font-size:10px}}
