:root{color:#182027;background:#f5f7f8;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{min-height:38px;border:0;border-radius:8px;background:#23715d;color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button.ghost{background:#e7edeb;color:#1e3630}button.danger,.danger{color:#b42318}input,select,textarea{width:100%;border:1px solid #d6dfdc;border-radius:8px;background:#fff;min-height:38px;padding:8px 10px;color:#182027}textarea{min-height:110px;resize:vertical}label{display:grid;gap:6px;color:#5a6764;font-size:13px}.shell{max-width:1180px;margin:0 auto;padding:16px}nav{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:10px 0 18px}nav button{flex:0 0 auto;background:transparent;color:#485653;border:1px solid #d6dfdc}nav button.active{background:#1f6f5b;color:#fff;border-color:#1f6f5b}section{display:grid;gap:16px}.panelHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}h1,h2,p{margin:0}h1{font-size:24px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card{overflow:hidden;border:1px solid #dfe7e4;border-radius:8px;background:#fff}.card.compact{overflow:visible}.cardBody{padding:12px;display:grid;gap:8px}.card span,.table span,small{color:#65716e;font-size:13px}.card span{display:inline-flex;align-items:center;gap:5px}.photo{width:100%;height:220px;object-fit:cover;display:block}.composePhoto,.previewPhoto{width:100%;border-radius:8px;object-fit:cover;display:block}.composePhoto{max-height:260px}.previewPhoto{max-height:300px}.reportCard{cursor:pointer;transition:border-color .14s ease,transform .14s ease}.reportCard:hover{border-color:#9fb9b1;transform:translateY(-1px)}.reportPhoto{width:100%;height:160px;object-fit:cover;display:block}.detailGrid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:12px}.detailPhoto{width:100%;max-height:320px;object-fit:cover;display:block}.metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:4px}.metrics span{border:1px solid #dfe7e4;border-radius:8px;padding:10px;background:#f8fbfa;color:#263733}.chart{display:grid;gap:12px}.barRow{display:grid;grid-template-columns:minmax(88px,.8fr) minmax(120px,1.4fr) 42px;align-items:center;gap:10px}.barRow>span{color:#263733}.barTrack{height:12px;overflow:hidden;border-radius:999px;background:#e8efec}.barTrack.muted{background:#edf0f0}.barFill{height:100%;min-width:2px;border-radius:inherit;background:#23715d}.barTrack.muted .barFill{background:#9aa8a4}.reportRecipient{grid-template-columns:1fr auto}.avatar{width:52px;height:52px;border-radius:8px;object-fit:cover}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.end{justify-content:flex-end}.table{display:grid;gap:8px}.tableRow{min-height:58px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:10px;border:1px solid #dfe7e4;border-radius:8px;background:#fff}.tableRow>div{display:grid;gap:3px}.mini .tableRow{grid-template-columns:1fr auto;min-height:44px;padding:8px}.iconOnly{width:38px;padding:0;background:#e7edeb;color:#1e3630}.notice{border:1px solid #d6dfdc;border-radius:8px;background:#fff;padding:14px}.loadMore{min-height:42px;display:grid;place-items:center;color:#65716e;font-size:13px}.progress{width:100%;height:8px;overflow:hidden;border-radius:999px;background:#e4ece9}.progress>div{height:100%;border-radius:inherit;background:#23715d;transition:width .18s ease}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end}.wide{grid-column:1 / -1}.fileButton{min-height:38px;border-radius:8px;background:#e7edeb;color:#1e3630;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;padding:0 12px}.fileButton input{display:none}.chipRow{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;border-top:1px solid #eef2f0;padding-top:8px}.fakeButton{border:1px solid #bed1ca;border-radius:8px;padding:8px 12px;background:#f4f8f6}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#141d1c6b;padding:16px}.modalBody{width:min(520px,100%);display:grid;gap:16px;border-radius:8px;background:#fff;padding:18px}@media(max-width:720px){.shell{padding:12px}.formGrid,.detailGrid,.metrics{grid-template-columns:1fr}.tableRow{grid-template-columns:auto 1fr auto}.panelHeader{align-items:stretch;flex-direction:column}}