*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f5f7fb;color:#172033}header{background:#173b2c;color:#fff;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:5}header a{color:#fff;text-decoration:none}nav{display:flex;gap:5px;overflow:auto;padding:8px;background:#fff;border-bottom:1px solid #ddd;position:sticky;top:54px;z-index:4}nav a{padding:9px 11px;border-radius:8px;text-decoration:none;color:#173b2c;white-space:nowrap}nav a:hover{background:#eaf4ef}main{max-width:1250px;margin:auto;padding:18px}.grid{display:grid;gap:12px}.cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat,.card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 10px #0000000b;margin-bottom:14px}.stat small{display:block;color:#667085}.stat b{display:block;font-size:23px;margin-top:7px}.formgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:9px}input,select,button,textarea{width:100%;padding:10px;border:1px solid #ccd3dc;border-radius:8px;background:#fff}textarea{min-height:80px}button{background:#173b2c;color:#fff;border:0;cursor:pointer;font-weight:600}table{width:100%;border-collapse:collapse;background:#fff;margin-top:12px}th,td{padding:10px;border-bottom:1px solid #eee;text-align:left}th{background:#f0f4f2}.muted{opacity:.75}.alert{background:#ffe5e5;padding:10px;border-radius:8px;margin-bottom:10px}.login{min-height:100vh;display:grid;place-items:center;background:#eef4f0}.loginbox{width:min(420px,92vw)}.loginbox form{display:grid;gap:10px}.line{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:7px;margin:10px 0}.line button{width:auto;background:#a33}@media(max-width:650px){main{padding:10px}table{font-size:12px}.line{grid-template-columns:1fr 1fr 1fr}.line .p{grid-column:1/-1}.line button{grid-column:auto}nav{top:52px}}