:root{--brand:#176b52}body{background:#f3f5f1;color:#1b3028}header{background:#fff;border-bottom:1px solid #dae3d9}.wordmark>div>strong{letter-spacing:-.4px}.logo{background:var(--brand);overflow:hidden}.logo img{width:100%;height:100%;object-fit:contain}.context-bar{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #dce4da;border-radius:16px;padding:14px;margin-bottom:22px}.context-bar label{flex:1;min-width:0;font-size:11px;color:#657366}.context-bar select{width:100%;padding:7px 4px;border:0;background:#f3f6f0;font-weight:650;font-size:13px}.context-bar small{display:block;font-size:11px;color:#6d786d}.context-bar>div{font-size:12px;max-width:100px;overflow-wrap:anywhere}.hero{background:linear-gradient(135deg,var(--brand),#113c32);border-radius:22px;padding:24px;box-shadow:0 10px 26px #123d3619}.hero .big{font-size:clamp(30px,8vw,44px)}.grid .metric{border-radius:16px;border:1px solid #dce5da;box-shadow:0 4px 14px #183b2910}.metric strong{font-size:26px;color:#164c3a}.quick{gap:8px}.quick button{background:#e4efe5;color:#194e36;border:1px solid #cfdfcf;border-radius:14px}.panel,.record{border-radius:16px}.menu-item{border-radius:12px;margin-bottom:8px;background:#fff;border:1px solid #e0e7dd}.login-card{max-width:430px;margin:30px auto;padding:28px;background:white;border:1px solid #dce5d9;border-radius:24px;box-shadow:0 12px 40px #153b2510}.login-emblem{height:64px;width:64px;display:grid;place-items:center;font-weight:800;font-size:24px;background:var(--brand);color:white;border-radius:18px}.login-card h1{margin-top:24px}.login-card input{font-size:18px}.login-card input[type=password]{letter-spacing:5px}.check{display:inline-flex;align-items:center;gap:8px;margin:8px 12px 8px 0}.check input{width:20px;height:20px}.module-icon{font-size:22px}fieldset{border:1px solid #dce4da;border-radius:12px;margin:14px 0}.error:empty{display:none}[hidden]{display:none!important}button{background:var(--brand)}dialog{max-height:90vh;overflow:auto}details summary{overflow-wrap:anywhere}html[lang=bn] button,html[lang=bn] label{line-height:1.6}@media(max-width:380px){.context-bar{gap:6px;padding:10px}.context-bar>div{max-width:65px}.context-bar .small{padding:7px}.login-card{padding:20px}.hero-footer{flex-wrap:wrap}}@media(min-width:800px){main{max-width:1040px}.grid{grid-template-columns:repeat(4,minmax(0,1fr))}}