:root{--na-font-family-base:"Nunito", system-ui, sans-serif;--na-white:#fff;--na-white-soft:#fffefe;--na-bg-soft:#f7faf7;--na-surface-mint:#e7efe8;--na-border-soft:#e2e9e3;--na-text-900:#1c1b1f;--na-text-800:#212121;--na-text-700:#383838;--na-text-600:#474747;--na-text-muted:#6f7f73;--na-primary:#0e5f18;--na-primary-hover:#0b4712;--na-primary-strong:#08390e;--na-accent:#2dcd88;--na-accent-soft:#e7f1e8;--na-accent-soft-hover:#d5ead6;--na-green-wash:#16a2491a;--na-green-border:#c7dac9;--na-success:#16a34a;--na-error:#dc2626;--na-shadow-soft:#0e5f1812;--na-radius-sm:8px;--na-radius-md:12px;--na-radius-lg:16px}*{box-sizing:border-box}html,body{background:var(--na-bg-soft);min-height:100%;color:var(--na-text-800);font-family:var(--na-font-family-base);-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}body{min-width:320px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.appShell{background:linear-gradient(180deg, var(--na-surface-mint), var(--na-bg-soft) 300px), var(--na-bg-soft);min-height:100vh}.mainContent{width:min(1440px,100%);margin:0 auto;padding:22px 24px}.pageTitle{color:var(--na-primary-strong);margin:0 0 16px;font-size:28px;font-weight:700;line-height:1.2}.sectionTitle{color:var(--na-primary-strong);margin:0 0 10px;font-size:17px;font-weight:700;line-height:1.3}.buttonRow{flex-wrap:wrap;gap:10px;display:flex}.button{border-radius:var(--na-radius-md);min-height:36px;color:inherit;border:1px solid #0000;justify-content:center;align-items:center;padding:7px 14px;font-size:14px;font-weight:700;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s;display:inline-flex}.button:hover{box-shadow:0 6px 16px var(--na-shadow-soft);transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.62;transform:none}.button:disabled:hover{box-shadow:none}.buttonPrimary{background:var(--na-primary);color:var(--na-white)}.buttonPrimary:hover{background:var(--na-primary-hover)}.buttonSecondary{background:var(--na-accent-soft);color:var(--na-primary)}.buttonSecondary:hover{background:var(--na-accent-soft-hover)}.buttonGhost{border-color:var(--na-border-soft);background:var(--na-white);color:var(--na-text-700)}.buttonGhost:hover{background:var(--na-green-wash);border-color:var(--na-green-border);color:var(--na-primary)}.buttonDanger{background:color-mix(in srgb, var(--na-error) 12%, var(--na-white));color:var(--na-error)}.buttonDanger:hover{background:color-mix(in srgb, var(--na-error) 18%, var(--na-white))}.field{gap:5px;display:grid}.field label{color:var(--na-text-700);font-size:12px;font-weight:700}.input,.select,.textarea{border:1px solid var(--na-green-border);border-radius:var(--na-radius-md);background:var(--na-white);width:100%;color:var(--na-text-800);outline:none;min-height:40px;padding:8px 11px}.textarea{resize:vertical;min-height:96px}.input:focus,.select:focus,.textarea:focus{border-color:var(--na-primary);box-shadow:0 0 0 4px var(--na-green-wash)}.panel{background:var(--na-white);border:1px solid var(--na-green-border);border-radius:var(--na-radius-lg);box-shadow:0 8px 20px var(--na-shadow-soft)}.formGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.tableWrap{border:1px solid var(--na-green-border);border-radius:var(--na-radius-lg);background:var(--na-white);width:100%;box-shadow:0 8px 20px var(--na-shadow-soft);overflow:auto}.dataTable{border-collapse:collapse;table-layout:fixed;width:100%;min-width:980px}.dataTable .expandColumn{text-align:center;width:46px;min-width:46px}.dataTable .projectStudyColumn{width:9%;min-width:95px}.dataTable .authorityColumn{width:9%;min-width:92px}.dataTable .tagsColumn{width:10.5%;min-width:104px}.dataTable .observationColumn{width:auto;min-width:540px}.dataTable .detailColumn{text-align:center;width:74px;min-width:74px}.dataTable th,.dataTable td{border-bottom:1px solid var(--na-border-soft);text-align:left;vertical-align:top;padding:10px 12px;font-size:14px}.dataTable .expandColumn,.dataTable .detailColumn{padding-left:8px;padding-right:8px}.dataTable .authorityColumn{white-space:nowrap}.dataTable th{background:var(--na-primary);color:var(--na-white);letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:700}.dataTable tr:last-child td{border-bottom:0}.dataTable tbody tr{transition:background .12s}.dataTable tbody tr:hover{background:var(--na-green-wash)}.clickableRow{cursor:pointer}.mutedText{color:var(--na-text-muted)}.projectStudyCell{gap:4px;display:grid}.projectLine,.studyLine{overflow-wrap:anywhere;overflow:hidden}.projectLine{color:var(--na-text-800);font-weight:700;line-height:1.35}.studyLine{color:var(--na-text-muted);font-size:13px;line-height:1.35}.observationPreview{max-width:100%;color:var(--na-text-700);overflow-wrap:anywhere;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.55;display:-webkit-box;overflow:hidden}.observationPreviewExpanded{-webkit-line-clamp:unset;display:block;overflow:visible}.observationHighlight{background:color-mix(in srgb, var(--na-accent) 24%, #fff7c2);color:var(--na-text-900);border-radius:4px;padding:0 2px}.observationToggle{border:1px solid var(--na-green-border);border-radius:var(--na-radius-sm);background:var(--na-accent-soft);width:24px;height:24px;color:var(--na-primary);justify-content:center;align-items:center;font-weight:800;line-height:1;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.observationToggle:hover{background:var(--na-accent-soft-hover);border-color:var(--na-primary);box-shadow:0 6px 14px var(--na-shadow-soft)}@media (max-width:920px){.mainContent{padding:18px}.formGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.mainContent{padding:14px}.pageTitle{font-size:24px}.formGrid{grid-template-columns:1fr}}
.appHeader{background:color-mix(in srgb, var(--na-white) 92%, transparent);border-bottom:1px solid var(--na-green-border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;justify-content:space-between;align-items:center;gap:20px;width:min(1440px,100%);margin:0 auto;padding:18px 24px;display:flex;position:sticky;top:0}.brandBlock{flex:none;min-width:190px}.brandName{color:var(--na-primary-strong);font-size:16px;font-weight:700;line-height:16px}.brandSubtitle{color:var(--na-text-muted);margin-top:3px;font-size:13px}.appNav{flex:auto;justify-content:center;gap:8px;min-width:0;display:flex;overflow-x:auto}.navLink{white-space:nowrap;border-radius:var(--na-radius-md);color:var(--na-text-700);background:0 0;border:1px solid #0000;padding:8px 13px;font-size:14px;font-weight:500;line-height:20px;transition:background .15s,color .15s}.navLink:hover{background:var(--na-green-wash);color:var(--na-primary)}.navLinkActive{background:var(--na-green-wash);border-color:var(--na-green-border);color:var(--na-primary);font-weight:700}.headerLogoutButton{white-space:nowrap;flex:none}.headerUserArea{flex:none;justify-content:flex-end;align-items:center;gap:10px;display:flex}.headerUserMeta{text-align:right;gap:2px;min-width:0;display:grid}.headerUserMeta strong{color:var(--na-primary-strong);overflow-wrap:anywhere;font-size:13px;line-height:1.25}.headerUserMeta span{color:var(--na-text-muted);overflow-wrap:anywhere;font-size:12px;line-height:1.25}.headerAuthLink{white-space:nowrap;border:1px solid var(--na-border-soft);border-radius:var(--na-radius-md);background:var(--na-white);color:var(--na-text-700);padding:8px 12px;font-size:14px;font-weight:700}.headerAuthLinkPrimary{border-color:var(--na-primary);background:var(--na-primary);color:var(--na-white)}.authStatePanel{margin-top:0}.filterPanel{margin-bottom:16px;padding:0;overflow:hidden}.filterPanelHeader{background:var(--na-primary);color:var(--na-white);margin-bottom:0;padding:18px 20px}.filterPanelHeader .sectionTitle{color:var(--na-white);margin-bottom:4px;font-size:20px;line-height:1.25}.filterPanelHeader p{color:color-mix(in srgb, var(--na-white) 82%, transparent);margin:0;font-size:14px;line-height:1.45}.filterPanel>:not(.filterPanelHeader){margin-left:16px;margin-right:16px}.filterPanel>:nth-child(2){margin-top:16px}.filterPanel>:last-child{margin-bottom:16px}.searchBarField{gap:5px;margin-bottom:12px;display:grid}.searchBarField label{color:var(--na-text-700);font-size:12px;font-weight:700}.searchBarControl{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.searchInput{min-height:40px}.searchSubmitButton{white-space:nowrap;gap:7px}.searchNormalizationHint{color:var(--na-text-muted);align-items:center;gap:5px;margin:1px 0 0;font-size:12px;line-height:1.35;display:inline-flex}.searchNormalizationHint svg{color:var(--na-primary);flex:none}.filterGrid{grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:10px}.filterActions{margin-top:12px}.filterResetField{align-self:end;min-width:120px}.fieldLabelRow{justify-content:space-between;align-items:center;gap:8px;display:flex}.resetFilterButton{width:100%;min-height:40px}.multiSelect{position:relative}.multiSelectSummary{border:1px solid var(--na-green-border);border-radius:var(--na-radius-md);background:var(--na-white);width:100%;min-height:40px;color:var(--na-text-800);cursor:pointer;align-items:center;padding:8px 11px;font-size:14px;list-style:none;display:flex}.multiSelectSummary::-webkit-details-marker{display:none}.multiSelectSummary:after{content:"";border-right:1.5px solid var(--na-primary);border-bottom:1.5px solid var(--na-primary);width:8px;height:8px;margin-left:auto;transform:rotate(45deg)translateY(-2px)}.multiSelect[open] .multiSelectSummary{border-color:var(--na-primary);box-shadow:0 0 0 4px var(--na-green-wash)}.multiSelectMenu{z-index:15;border:1px solid var(--na-green-border);border-radius:var(--na-radius-md);background:var(--na-white);max-height:230px;box-shadow:0 14px 34px var(--na-shadow-soft);gap:3px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto}.checkOption{border-radius:var(--na-radius-sm);color:var(--na-text-700);cursor:pointer;grid-template-columns:18px minmax(0,1fr);align-items:start;gap:7px;padding:7px 8px;font-size:13px;line-height:1.35;display:grid}.checkOption:hover{background:var(--na-green-wash)}.checkOption input{accent-color:var(--na-primary);margin:2px 0 0}.checkOption span{overflow-wrap:anywhere}.multiSelectEmpty{color:var(--na-text-muted);margin:0;padding:8px;font-size:13px;line-height:1.4}.selectedChipList{flex-wrap:nowrap;align-items:center;gap:5px;max-width:100%;min-height:24px;display:flex;overflow:hidden}.selectedChip{border:1px solid var(--na-green-border);background:var(--na-accent-soft);max-width:min(190px,42%);min-height:24px;color:var(--na-primary);border-radius:999px;flex:0 auto;align-items:center;gap:5px;padding:3px 7px;font-size:12px;font-weight:700;display:inline-flex}.selectedChipCount{flex:none;max-width:none;padding-left:8px;padding-right:8px}.selectedChip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inlineClearButton{color:var(--na-primary);white-space:nowrap;background:0 0;border:0;padding:0 2px;font-size:12px;font-weight:800}.inlineClearButton:hover{color:var(--na-primary-strong);text-decoration:underline}.neutralButton{border-color:var(--na-border-soft);background:var(--na-bg-soft);color:var(--na-text-700)}.neutralButton:hover{border-color:var(--na-green-border);background:var(--na-white)}.emptyStatePanel{margin-top:16px;padding:16px}.emptyStatePanel p{color:var(--na-text-700);margin:0;line-height:1.5}.resultsPagination{border:1px solid var(--na-green-border);border-radius:var(--na-radius-lg);background:var(--na-white);box-shadow:0 8px 20px var(--na-shadow-soft);grid-template-columns:minmax(220px,1fr) auto minmax(130px,auto);align-items:center;gap:12px;margin:0 0 12px;padding:10px 12px;display:grid}.resultsSummary{gap:2px;display:grid}.resultsSummary strong{color:var(--na-primary-strong);font-size:14px;line-height:1.3}.resultsSummary span,.pageSizeControl span{color:var(--na-text-muted);font-size:13px}.paginationControls,.paginationPageList,.pageSizeControl{align-items:center;display:flex}.paginationControls{justify-content:center;gap:7px}.paginationPageList{gap:5px}.paginationNavButton{min-height:32px;padding:5px 10px}.paginationPageButton,.paginationEllipsis{border-radius:var(--na-radius-sm);justify-content:center;align-items:center;min-width:32px;height:32px;font-size:13px;font-weight:800;display:inline-flex}.paginationPageButton{border:1px solid var(--na-green-border);background:var(--na-white);color:var(--na-primary)}.paginationPageButton:hover{background:var(--na-green-wash);border-color:var(--na-primary)}.paginationPageButtonActive,.paginationPageButtonActive:hover{border-color:var(--na-primary);background:var(--na-primary);color:var(--na-white)}.paginationPageButton:disabled{cursor:not-allowed;opacity:.7}.paginationEllipsis{color:var(--na-text-muted)}.pageSizeControl{white-space:nowrap;justify-content:flex-end;gap:7px}.pageSizeSelect{width:auto;min-width:72px;min-height:32px;padding:5px 9px}.dashboardLandingPanel{gap:0;padding:0;display:grid;overflow:hidden}.dashboardHeader{background:var(--na-primary);color:var(--na-white);justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.dashboardHeader .sectionTitle{color:var(--na-white);margin-bottom:4px;font-size:20px;line-height:1.25}.dashboardHeader p{color:color-mix(in srgb, var(--na-white) 82%, transparent);margin:0;font-size:14px;line-height:1.45}.dashboardHeader .dashboardStatus{border-color:color-mix(in srgb, var(--na-white) 38%, transparent);background:color-mix(in srgb, var(--na-white) 14%, transparent);color:var(--na-white)}.dashboardLandingPanel>:not(.dashboardHeader){margin-left:16px;margin-right:16px}.dashboardLandingPanel>:nth-child(2){margin-top:16px}.dashboardLandingPanel>:last-child{margin-bottom:16px}.dashboardStatus{border:1px solid var(--na-green-border);background:var(--na-accent-soft);min-height:30px;color:var(--na-primary);white-space:nowrap;border-radius:999px;align-items:center;padding:0 10px;font-size:13px;font-weight:800;display:inline-flex}.dashboardInlineError{border:1px solid color-mix(in srgb, var(--na-error) 35%, var(--na-green-border));border-radius:var(--na-radius-md);background:color-mix(in srgb, var(--na-error) 7%, var(--na-white));color:var(--na-error);padding:10px 12px;font-weight:700}.dashboardKpiGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.dashboardKpiCard{border:1px solid var(--na-green-border);border-radius:var(--na-radius-md);background:var(--na-white);gap:7px;min-height:88px;padding:12px;display:grid}.dashboardKpiCard span{color:var(--na-text-muted);font-size:13px;font-weight:700;line-height:1.3}.dashboardKpiCard strong{color:var(--na-primary-strong);align-self:end;font-size:24px;font-weight:800;line-height:1.1}.quickSearchArea{border-top:1px solid var(--na-border-soft);justify-content:space-between;align-items:center;gap:16px;padding-top:16px;display:flex}.quickChipList{flex-wrap:wrap;gap:8px;display:flex}.quickChip{border:1px solid var(--na-green-border);background:var(--na-accent-soft);min-height:32px;color:var(--na-primary);border-radius:999px;align-items:center;gap:7px;padding:0 12px;font-size:14px;font-weight:700;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s;display:inline-flex}.quickChip span{color:var(--na-text-muted);font-size:12px;font-weight:800}.quickChip:hover{background:var(--na-accent-soft-hover);border-color:var(--na-primary);box-shadow:0 8px 20px var(--na-shadow-soft);transform:translateY(-1px)}.dashboardCta{max-width:360px;color:var(--na-primary-strong);text-align:right;font-size:16px;font-weight:800}.dashboardSection{border-top:1px solid var(--na-border-soft);gap:8px;padding-top:12px;display:grid}.dashboardSection h3{color:var(--na-primary-strong);margin:0;font-size:16px;line-height:1.3}.dashboardRankList{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.dashboardRankItem,.latestProjectCard{border:1px solid var(--na-green-border);border-radius:var(--na-radius-md);background:var(--na-white);width:100%;color:var(--na-text-800);text-align:left;transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}.dashboardRankItem:hover,.latestProjectCard:hover{background:var(--na-green-wash);border-color:var(--na-primary);box-shadow:0 8px 20px var(--na-shadow-soft);transform:translateY(-1px)}.dashboardRankItem{justify-content:space-between;align-items:center;gap:12px;min-height:38px;padding:7px 10px;display:flex}.dashboardRankItem span,.latestProjectCard span{overflow-wrap:anywhere;font-weight:800}.dashboardRankItem strong{color:var(--na-primary);white-space:nowrap}.latestProjectGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.latestProjectCard{gap:6px;min-height:96px;padding:12px;display:grid}.latestProjectCard strong{color:var(--na-primary);font-size:14px}.latestProjectCard small{color:var(--na-text-muted);overflow-wrap:anywhere;font-size:12px;line-height:1.35}.errorStatePanel{border-color:color-mix(in srgb, var(--na-error) 35%, var(--na-green-border));background:color-mix(in srgb, var(--na-error) 7%, var(--na-white))}.badgeList{flex-wrap:wrap;gap:5px;display:flex}.badge{background:var(--na-accent-soft);min-height:20px;color:var(--na-primary);border-radius:999px;align-items:center;padding:2px 7px;font-size:11px;font-weight:600;display:inline-flex}.badge-success{background:var(--na-accent-soft);color:var(--na-success)}.badge-warning{background:var(--na-green-wash);color:var(--na-primary-strong)}.badge-danger{background:color-mix(in srgb, var(--na-error) 12%, var(--na-white));color:var(--na-error)}.modalOverlay{z-index:50;background:#00000073;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.detailPanel{background:var(--na-white);border:1px solid var(--na-green-border);border-radius:var(--na-radius-lg);width:min(960px,92vw);max-height:85vh;padding:24px;overflow:auto;box-shadow:0 24px 70px #00000047}.detailHeader{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.detailHeader h2{color:var(--na-primary-strong);margin:2px 0 0;font-size:24px;line-height:1.2}.modalCloseButton{min-width:40px;padding:0;font-size:24px;line-height:1}.eyebrow{color:var(--na-text-muted);text-transform:uppercase;margin:0;font-size:12px;font-weight:800}.detailMeta{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px;display:grid}.detailMeta div,.metadataList div{border:1px solid var(--na-green-border);border-radius:var(--na-radius-md);background:var(--na-green-wash);padding:10px}.detailMeta span,.metadataList dt{color:var(--na-text-muted);margin-bottom:4px;font-size:12px;font-weight:600;display:block}.detailMeta strong,.metadataList dd{color:var(--na-text-800);margin:0;font-size:14px}.detailSection{margin-top:18px}.detailSection h3{color:var(--na-primary-strong);margin:0 0 8px;font-size:16px}.detailSection p{color:var(--na-text-700);margin:0;line-height:1.6}.metadataList{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}@media (max-width:920px){.filterGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.filterResetField{min-width:0}.resultsPagination{grid-template-columns:1fr}.resultsSummary{text-align:center}.pageSizeControl{justify-content:center}}@media (max-width:640px){.appHeader{flex-direction:column;align-items:flex-start;padding:14px}.appNav{justify-content:flex-start;width:100%}.headerLogoutButton{width:100%}.headerUserArea{flex-direction:column;align-items:stretch;width:100%}.headerUserMeta{text-align:left}.headerAuthLink{text-align:center}.searchBarControl,.filterGrid{grid-template-columns:1fr}.searchSubmitButton{width:100%}.paginationControls{flex-wrap:wrap}.paginationPageList{order:3;justify-content:center;width:100%}.detailPanel{width:92vw;padding:18px}.detailHeader,.detailMeta,.metadataList,.dashboardKpiGrid{grid-template-columns:1fr}.dashboardHeader{flex-direction:column}.dashboardRankList,.latestProjectGrid{grid-template-columns:1fr}.quickSearchArea{flex-direction:column;align-items:flex-start}.dashboardCta{text-align:left;max-width:none}}
